收藏 / 列表

yayujs 頭像

yayujs - SvelteKit 最新中文文檔教程（7）—— 構建和部署

前言 Svelte，一個語法簡潔、入門容易，面向未來的前端框架。 從 Svelte 誕生之初，就備受開發者的喜愛，根據統計，從 2019 年到 2024 年，連續 6 年一直是開發者最感興趣的前端框架 No.1： Svelte 以其獨特的編譯時優化機制著稱，具有輕量級、高性能、易上手等特性，非常適合構建輕量級 Web 項目。 為了幫助大家學習 Svelte，我同時搭建了 Svelte 最新的中文

react , 前端

best-doraemon 頭像

大雄的叮噹貓 - Angularjs的工程化

Angularjs的工程化 AMD規範和CMD規範 為什麼需要模塊化管理工具 在編寫項目時可能需要加載很多js文件，若b.js依賴a.js，且a.js比b.js大很多，那麼瀏覽器會讓b.js等待a.js加載完畢後再去執行b.js裏的內容；而即使d.js並不依賴a.js，b.js，c.js，也會等待這三個文件均加載完畢才執行，為了讓瀏覽器能夠按需加載，提出了模塊化管理工具。 script type=

angular , 前端

feng_fanfan 頭像

Feng_Fanfan - 前端工程師復健筆記-JavaScript 核心深度複習-Promise及有關函數

Promise 詳解及常用方法對比 1. Promise 原理詳解 1.1 Promise 基本概念 Promise 是 JavaScript 中用於處理異步操作的對象，它代表一個異步操作的最終完成（或失敗）及其結果值。 // Promise 的三種狀態 const promise = new Promise((resolve, reject) = { // Pending 狀態（進行中）

教程 , 知識 , 前端 , Javascript

leguandeludeng 頭像

數據集成與治理 - 如何解決數據孤島難題？

如果你在工作中經常遇到這些問題：財務的數據銷售拿不到、用户信息在不同系統裏對不上，那麼你可能正在經歷"數據孤島"的困擾。 聽着是不是很熟？ 這幾乎是所有成長中的企業都會遇到的典型問題。 接下來，本文內容將會帶你去理解數據孤島，並提供具體的解決方法和工具。 一、什麼是數據孤島 ​數據孤島，也稱數據隔離​。指的是組織內部不同部門、不同系統中存儲和管理的數椐，彼此無法順暢共享、交換和整合的狀態。 舉個例

數據庫設計 , 系統管理

fannaodeliushu 頭像

程序員阿偉 - 《從零散到閉環：Unity工具鏈協同的高效搭建方案》

多數團隊都深陷“單點工具依賴”的認知誤區—要麼固守官方自帶的基礎工具，在重複操作中消耗大量時間；要麼零散堆砌第三方插件，卻從未思考工具間的聯動邏輯。很多開發者都有過這樣的經歷：用單獨的場景編輯工具調整物件參數，再切換到資源處理工具優化貼圖，接着打開調試工具排查問題，每個環節都要手動傳遞數據、重複設置，不僅效率低下，還容易出現信息偏差。而真正的效率提升，從來不是某一個“神器”的單獨發力，而是工具鍊形

遊戲開發

fkcaikengren 頭像

瘋狂踩坑人 - 【面試系列】萬字長文，總結瀏覽器十大問題

一、瀏覽器對象模型(BOM)有哪些屬性 這裏不會詳細介紹每個BOM屬性（確實沒必要哈）。主要是圍繞BOM，發散一些常見的面試題，看看是如何回答的。 BOM的屬性： window location navigator history screen location - hash路由 http://foouser:barpassword@www.wrox.com:80/WileyCDA/

chrome , 教程 , 知識 , 前端

wszgrcy 頭像

wszgrcy - ngx-formly的代替品piying-view

如果你正在使用 ngx-formly,或正在尋找一個更靈活、更現代、更易擴展的表單解決方案,那麼 piying-view 可能是你值得嘗試的下一代選擇。 📌背景 ngx-formly 是一個非常優秀的表單抽象庫 但隨着項目複雜度上升,我發現它在一些方面上存在侷限性.所以我基於 ngx-formly 的核心理念,進行了相關改進,並支持了更多功能,實現了piying-view 🚀改進

angular , form , jsonschema , typescript , 前端

chongdongdedaxiongmao_kxfei 頭像

chongdongdedaxiongmao_kxfei - Vue.js：輕量高效的前端框架

Vue.js 是一個用於構建用户界面的漸進式 JavaScript 框架，因其輕量、靈活和易上手的特性備受歡迎。Vue.js 不僅適合小型項目的快速開發，也可用於構建複雜的單頁面應用（SPA）。本文將介紹 Vue.js 的核心特性、項目結構、常用功能及其在現代前端開發中的應用場景。 一、Vue.js 簡介 Vue.js（簡稱 Vue）由尤雨溪於 2014 年推出，是一個專注於視圖層的 JavaSc

vue.js , ecmascript-6 , typescript , 前端 , Javascript

zero_dev 頭像

北橋蘇 - hexo 實戰：（三）獨立博客運營總結

前言 通過前面兩個步驟，完成了靜態博客從搭建到基本功能添加和界面優化。那麼，這次就要介紹一下搭在 GitHub 上的靜態博客如何運營推廣。也就是如何讓網站被各大搜索引擎收錄？如何提高網站權重，提高收錄量？ 網站收錄 平台選擇 站長相關的平台有：某度站長工具、360 站長平台、搜狗資源平台、必應網站管理員工具、谷歌站長工具等。列出的五個平台，可以按自身情況提交，提交方法也大同小異，以下以某度為例。

hexo , 博客搭建 , 前端

thinking80s 頭像

Thinking80s - 我的編程之路

3.1 初識編程 在深圳的這個新起點，我開始了對編程世界的探索。哥哥不僅是我的家人，也成了我編程路上的第一位導師。他耐心地從基礎開始教我，從變量、數據類型到條件語句、循環結構，每一個概念都講解得清清楚楚。 詳細內容： 我還記得第一次編寫代碼時的緊張和興奮。那是一段簡單的程序，用來計算兩個數的和。儘管現在看來非常簡單，但當時卻讓我激動不已。隨着時間的推移，我逐漸掌握了更多的編程知識，開始嘗試編寫更復

服務器 , ruby , 數據庫 , 深度學習 , 前端

zz_641473ad470bc 頭像

zZ_jie - Spring 使用 itext7-core 根據表單 動態填寫 數據

前言 證書頒發 本來是第三方機構頒發的，由於需求有所更改，現在由 “我們” 頒發證書這個功能。由於每個人的證書都不一樣，但是格式都一樣，所以我們需要一個模板來動態生成證書。 製作表單效果 製作表單的工具：UPDF (收費) 紅色區域是需要填寫的數據。 對應的表單如圖下： 表單分別為：Name、Date、log(圖片)、Year、Moor、Day 注意：設置表單的名稱最好是唯一 引入

文件 , spring , itextpdf , 後台 , itext

jianer 頭像

健兒 - 如何用useRef優化重複請求

如題：如何用useRef優化重複請求。 寫業務代碼，時而會遇見這種情況，如下偽代碼： useEffect(() = { // api請求 () }, [a, b]) 參數a來源某接口請求、參數b來源另外一個接口請求 毫無疑問，上面寫法回調函數一定會進去兩次，除了用參數校驗 比如滿足條件再進入api調用，還可以用useRef來暫存參數，而又不會引起頁面的re-rende

react , hook , Javascript

gomi 頭像

Gomi - 加速你的 Bun 並行開發：bun-tasks 全攻略

加速你的 Bun 並行開發：bun-tasks 全攻略 如果你在 Bun 項目裏需要同時運行多個腳本，又不想為兼容性煩心，bun-tasks 會是最順手的選擇。這個專為 Bun 設計的並行任務運行器，幫你在一條命令中啓動多個任務、智能合併環境變量，並自動識別 package.json 中的腳本。只要先確認環境裏 bun --version 可用，就能即刻體驗 Bun 原生的多任務流程。 為什麼選擇

node.js , bun.js , npm , 前端 , Javascript

wswx 頭像

goblin_pitcher - 單調棧模板和適用範圍

刷力扣時，遇到關鍵詞：下一個更大/小的數這類題目時，往往會採用單調棧的解法，如每日温度 刷題最常見的問題就是，看到題解，感覺很精妙，但下次遇到一模一樣的題目時，往往知道思路，但寫不出代碼，有或者遇到類似的變體題目時，不會往這方面想。這兩種情況在之前的文章(數據結構算法小結)中提到過，分別有兩方面的原因： 對工具（如單調棧知識點）的特性（適用範圍）不明朗 對工具的原理沒有真正的理解 初學單調

數據結構和算法 , 前端 , Javascript

vleedesigntheory 頭像

維李設論 - 從2024看2025前端發展趨勢

前言 又至年關，回顧整個2024年，前端行業仍舊百廢待興，IT業界同樣也未見有所起色，AI風潮也從狂熱興奮逐步走向了冷靜穩定階段，造成此形勢感觀並非單一行業或者某一企業之特例，實為政經等綜合影響之結果。因此，私以為明年的大趨勢和調性應該不會有特別大的變化，雖然外界走向有所放緩，但整個情勢壓力還是不小的。故而，就前端行業而言，個人認為我們能做到的大概有以下幾個方面。 泛化 正如前序所言，相較於前幾

大前端 , 架構設計 , 前端工程師 , 前端 , Javascript

susuhhhhhh 頭像

用户bPcSPjP - css的rotate3d實現炫酷的圓環轉動動畫

1.實現效果 2.實現原理 2.1 rotate3d rotate3d：rotate3d() CSS 函數定義一個變換，它將元素圍繞固定軸移動而不使其變形。運動量由指定的角度定義; 如果為正，運動將為順時針，如果為負，則為逆時針。 語法： rotate3d(x, y, z, a) 含義： x number 類型，可以是 0 到 1 之間的數值，表示旋轉軸 X 座標方向的矢量。 y numb

css3動畫 , 前端

musicfe 頭像

雲音樂技術團隊 - 淺嘗IM方案在H5活動場景中的應用

本文作者：入雲 前言 説起 IM，大家應該都或多或少了解過一些，一般被熟知是在一些聊天場景裏應用的比較多；而一般情況下我們常接觸的業務中大多是做一些接口的查詢提交之類的操作，用正常的 Ajax 請求就足以滿足需求，比較難接觸到 IM 這種方案。 但如果涉及到一些需要頻繁更新數據的業務場景，使用常規接口查詢難免會給服務端造成比較大的性能開銷，並且數據更新的延遲也會很大；嘗試使用 IM 則可以讓我們在

im , websocket , h5頁面 , 前端

yunpan-plus 頭像

雲棧開源日記 - 前端開發就業課程：10個企業級項目+3000課時完整學習路線

3000+課時，10個企業級項目，覆蓋HTML5、CSS3、JavaScript、Vue.js、React、小程序6大技術棧。 這套前端開發完整課程，從零基礎到就業水平，所有內容都配有源代碼和課件。 有人用這套課程從轉行小白變成了前端開發，有人用它補齊了學校課程沒教的Vue和React，還有人把裏面的項目改改放進簡歷拿到了面試。 課程不保證你一定能找到工作，但能保證你學完後具備找工作的能力。 課

前端

liuyue_5e7eb6745e089 頭像

劉悦的技術博客 - 把酒言歡話聊天，基於Vue3.0+Tornado6.1+Redis發佈訂閲(pubsub)模式非阻塞實時通信聊天系統

原文轉載自「劉悦的技術博客」https://v3u.cn/a_id_202 “表達欲”是人類成長史上的強大“源動力”，恩格斯早就直截了當地指出，處在矇昧時代即低級階段的人類，“以果實、堅果、根作為食物；音節清晰的語言的產生是這一時期的主要成就”。而在網絡時代人們的表達欲往往更容易被滿足，因為有聊天軟件的存在。通常意義上，聊天大抵都基於兩種形式：羣聊和單聊。羣聊或者羣組聊天我們可以理解為聊天室，可以

通信協議 , redis , 實時通信 , websocket , tornado

simonbaker_5ec61c266b1df 頭像

simonbaker - 你知道async await的缺陷嗎？

文章不易，請關注公眾號 毛毛蟲的小小蠟筆，多多支持，謝謝。 缺陷 使用async和await後，我們的代碼看起來是同步的。這個就是它的優點。 await會阻塞後面的代碼，直到promise完成。但這會可能出現因為大量的await，導致promise變慢。 因為每個await都會等待前一個完成才執行，但使用promise雖然代碼看起來不是同步的，但請求卻是異步的，不會被阻塞。 Demo 比如下面截圖

async , await-async

chencaize 頭像

點墨 - java 獲取子串速度比較

有個需求,需要將給定字符串提取子串,比如(aaa.xx)變成aaa,有幾個思路。 使用正則模式匹配，然後替換 使用正則替換 使用substring 代碼如下: import java.time.Duration; import java.time.LocalDateTime; import java.util.ArrayList; import java.util.List; impor

JAVA , string

xishui_5ac9a340a5484 頭像

夕水 - 為了方便學習icss項目上的css技巧，我用next.js寫了一個網站

icss-website 一、項目簡介與定位 icss-website 是一個基於 Next.js 14（App Router 架構）開發的現代化 CSS 技巧展示平台，致力於為前端開發者、設計師和技術愛好者提供一個高效、優雅、易用的 CSS 奇技淫巧學習與交流空間。項目以 GitHub 上的 iCSS 倉庫為內容源，通過 API 動態獲取、分類、展示和高亮 CSS 相關的文章與代碼示例，支持多主

next.js , 前端

cloudyttt 頭像

雲魚 - 深入瞭解瀏覽器渲染進程的工作方式

你是否曾經好奇過瀏覽器是如何渲染網頁的？本文將通過 30 張圖將帶你瞭解瀏覽器渲染進程的內部工作機制。 渲染進程負責處理標籤頁中的所有內容。 在渲染進程中，主線程處理大部分發送給用户的代碼。如果使用 Web Worker 或 Service Worker，部分 JavaScript 會由工作線程處理。另外，合成器線程和光柵化線程也在渲染進程中運行，確保網頁高效、流暢地渲染。 渲染進程的核心任務是將

性能優化 , 面試 , 瀏覽器原理

thjjames 頭像

小皇帝James - 前端腳手架（簡易版）搭建攻略

簡介 腳手架CLI(command-line-interface)是一類快速形成工程化目錄的工具。 開發過程中，如果需要新建前端項目，我們經常都會用到腳手架來創建工程，通過命令行式的交互，可快速選擇選項並完成初始項目的搭建。而CV大法往往會帶來很多重複的刪減工作，且會導致項目分散、架構不統一等等弊端。 常見的主流框架都有自己的腳手架： create-vite @vue/cli create

腳手架cli , 工具 , 前端工程化 , 前端 , Javascript