# 從 58MB 到 2.6MB:我是如何將 React 官網性能提升 95% 的 ## 從 58MB 到 2.6MB:React 官網性能優化實戰全記錄 > 一次完整的 React + Vite 專案性能優化之旅,將首屏加載時間從 4 分鐘降到 13 秒,節省 95% 流量成本。 ### 📖...
# 🎉 enum-plus 發布新版本了! ## enum-plus v3.0 已經發布了! 這是一個重大的里程碑版本升級,帶來了許多令人興奮的功能和改進,同時也包含了一些破壞性變更,完整文檔請看 [👉 這裡](https://juejin.cn/post/7567630238701092902)...
# 我刪光了專案裡的 try-catch,老闆:6 相信我們經常這樣寫 bug(不是 👇: 。 在本文中,我們將探討 Vitest 如何成為新的預設測試框架,非同步測試將如何改變新...
# 前端別再亂存資料了!這3種存儲方案讓你的應用快如閃電 你是不是也遇到過這樣的場景? 使用者剛填完一個超長的表單,不小心刷新了頁面,所有資料都沒了... 從介面請求的資料,使用者每次操作都要重新載入,體驗卡成PPT... 應用離線狀態下完全無法使用,使用者直接流失... 別擔心!今天...
# 我是如何將手動的日報完全自動化的☺️☺️☺️ 書接上回,上回我們聊了處理重複任務的自動化思維。 其中,我舉了**用工具自動化公司日報**的例子。 今天,我就來詳細說說,我到底是怎麼做的,以及過程中遇到了哪些問題和挑戰。 ### 背景 我們公司使用某第三方系統有一個自訂的數據看板,每天需...
# 前言 使用 GitHub Copilot 的開發者們,有沒有在專案中建立 `.github/copilot-instructions.md` 的檔案? 這個檔案可以幫助你將 Copilot 自定義為專案專用,讓它變得更聰明、更便利地被使用。 本文將介紹這個強大功能及其具體的使用方法。 ...
## 引言 在API開發中,規格書的管理、測試執行和模擬伺服器的建立是重要的工作。 我使用Postman已經多年,但感受到以下幾個挑戰。 ### 在Postman中所感受到的挑戰 - **與Swagger的雙重管理**:API規格書在Swagger中管理,測試則在Postman中執行,導致在規...
# 一個函數超過20行? 聊聊我的函數式代碼潔癖  大家好,我又來了😁 我得承認,我有個毛病,或者說潔癖吧。 在Code Review的時候,當...
有沒有這樣的經驗:忘了關水泵,回來後發現露台上竟然有個迷你游泳池?我有過。所以,我用 ESP32、Firebase 和一個簡單的 Web 儀錶板來建立了這個智慧水泵控制器。現在,只需一個瀏覽器,我就可以打開或關閉水泵、檢測漏水,甚至計算用水量。沒錯,它聽起來就很酷。 無論你是想深入研究物聯網,還...
# 我把前端踩坑經驗總結成28條“漲薪秘籍”,老闆誇同事讚,新手照著做準沒錯 > 身邊總有人問我:“同樣是寫前端,為啥你入職半年就漲薪,還被老闆誇‘代碼功底扎實’、同事說‘合作起來超省心’?”其實不是我天賦高,而是踩坑多了摸出了“門道”。這28條前端“漲薪秘籍”,從代碼寫法到項目協作全覆蓋,新手照...
# 女朋友炸了:剛打開的網頁怎麼又沒了?我反手甩出一鍵恢復按鈕! 女朋友經常手滑關掉標籤頁這事兒頭大了? 跟女朋友說用 `Ctrl/Cmd+Shift+T`,她皺眉:“鍵盤上哪有這個鍵!!!” 讓她翻歷史紀錄,她搖頭:“根本找不到,全是我今天打開的!” 最後指向左上角的“最近關閉”,她...
# Vue3 登入頁還能這麼絲滑?這個 hover 效果太驚艷了 ### 前言 大家好,我是大華!在現代 Web 開發中,使用者體驗越來越重要。一個簡潔、美觀又富有動效的登入頁,不僅能提升品牌形象,還能增強使用者的第一印象。這篇文章,我們將用 **Vue3 + CSS3 動畫**,來實現一個**懸...
# 一個前端工程師的年度作品:從零開發媲美商業級應用的後台管理系統!  過去一年,我花了無數個夜晚,在一次次打磨與推翻中,完成了自己最滿意的作品 —— Art Design Pro。 這不是一個普通的後...
我目前正在開發一款對話式人工智慧 Web 應用。我完全從零開始建造它,遵循結構化的 SDLC 方法。 目前,我正處於第 3 階段:前端交互,我正在致力於動態呈現聊天訊息。 最初,我採用了一種常見的方法:使用`insertAdjacentHTML()`將使用者和 AI 訊息氣泡直接加入到 DOM...
這是關於資料工程的文章,如果你在 Google 上搜尋該主題,並在點擊 **Feeling Lucky** 後進入將會找到這篇文章。 > 此外,這篇文章是由一位經驗豐富的網頁開發工程師撰寫,他在職業生涯中開始了新的主題,也就是:這是我的學習,我的研究,如果你有任何補充,請隨時在下面留言告訴我!...
# 【前端效率工具】:告別右鍵另存,不到 50 行碼一鍵批次下載網頁圖片  通訊。 在我們開始之前,我們將介紹以下內容: - 什麼是 A2A 協議? -...