# 你還在 for 循環裡使用 await?非同步循環得這樣寫 ## 1. 前言 在循環中使用 await,程式碼看似直觀,但執行時要麼悄無聲息地停止,要麼運行速度緩慢,這是為什麼呢? 本篇聊聊 JavaScript 中的非同步循環問題。 ## 2. 踩坑 1:for 循環裡用 await,效...
# 從 58MB 到 2.6MB:我是如何將 React 官網性能提升 95% 的 ## 從 58MB 到 2.6MB:React 官網性能優化實戰全記錄 > 一次完整的 React + Vite 專案性能優化之旅,將首屏加載時間從 4 分鐘降到 13 秒,節省 95% 流量成本。 ### 📖...
在 Octomind,我們建立人工智慧代理,但我們的程式碼仍然主要由人類編寫。我們熱愛邏輯邏輯模型(LLM),並盡可能地在各個方面使用它們,從產品到內部工作流程。但儘管各種宣傳鋪天蓋地,我們距離「代理編寫大部分程式碼」的目標還很遠。 我們有充分的理由暫時不盲目跟風[Anthropic(貢獻 80...
# 10 個被嚴重低估的 JS 特性,直接少寫 500 行程式碼 ## 前言 最近逛 Reddit 的時候,看到一個關於最被低估的 JavaScript 特性的討論,我對此進行了總結,和大家分享一下。 ## 1. Set:陣列去重 + 快速查找,比 filter 快 3 倍 提到陣列去重,很多人...
# 我刪光了專案裡的 try-catch,老闆:6 相信我們經常這樣寫 bug(不是 👇: 。 在本文中,我們將探討 Vitest 如何成為新的預設測試框架,非同步測試將如何改變新...
# 前端別再亂存資料了!這3種存儲方案讓你的應用快如閃電 你是不是也遇到過這樣的場景? 使用者剛填完一個超長的表單,不小心刷新了頁面,所有資料都沒了... 從介面請求的資料,使用者每次操作都要重新載入,體驗卡成PPT... 應用離線狀態下完全無法使用,使用者直接流失... 別擔心!今天...
# 我是如何將手動的日報完全自動化的☺️☺️☺️ 書接上回,上回我們聊了處理重複任務的自動化思維。 其中,我舉了**用工具自動化公司日報**的例子。 今天,我就來詳細說說,我到底是怎麼做的,以及過程中遇到了哪些問題和挑戰。 ### 背景 我們公司使用某第三方系統有一個自訂的數據看板,每天需...
2017. 剛高中畢業。沒有計劃,沒有方向,只有一台筆記型電腦,感覺自己大概該好好想想人生該做什麼了。八年後,我已經成為全端開發者,使用 Node、React、TypeScript 開發真正有用的生產級應用程式。 但關於學習編程,沒人會告訴你一件事:它並非一帆風順。它很混亂,充滿了失敗、彎路、放...
# 前言 使用 GitHub Copilot 的開發者們,有沒有在專案中建立 `.github/copilot-instructions.md` 的檔案? 這個檔案可以幫助你將 Copilot 自定義為專案專用,讓它變得更聰明、更便利地被使用。 本文將介紹這個強大功能及其具體的使用方法。 ...
# 一個函數超過20行? 聊聊我的函數式代碼潔癖  大家好,我又來了😁 我得承認,我有個毛病,或者說潔癖吧。 在Code Review的時候,當...
> 昨天,在一次團隊站立會議上,一位初級開發人員問我:「你怎麼記得住這些東西?」我笑了。 “我記不住。我每天都會用谷歌搜尋。” 引言:懺悔 ----- 讓我告訴你一個在技術面試或 LinkedIn 貼文中沒人談論的秘密: **我是一名擁有 8 年經驗的高級軟體開發人員,我會每天、甚至每小時都...
# 女朋友炸了:剛打開的網頁怎麼又沒了?我反手甩出一鍵恢復按鈕! 女朋友經常手滑關掉標籤頁這事兒頭大了? 跟女朋友說用 `Ctrl/Cmd+Shift+T`,她皺眉:“鍵盤上哪有這個鍵!!!” 讓她翻歷史紀錄,她搖頭:“根本找不到,全是我今天打開的!” 最後指向左上角的“最近關閉”,她...
# 當 AI 走進前端開發:代理插件的全流程開發實踐 ## 1 背景 AI 技術的飛速發展,正在深刻改變前端開發的方式。以 **Cursor**、**Trae** 等新一代 AI IDE,正逐步成為工程師的“第二大腦”。它們通過強大的代碼補全、上下文理解、自動重構、文件生成等能力,讓開發者能夠以更...
最近在重構編輯器 demo 的時候,我重新梳理了**事件層**的實現。在節點層 → 渲染層之後,本篇重點切換到**互動事件系統**,也就是 Canvas 如何處理複雜互動,如何設計一個類似 Figma 的獨立事件架構。 --- ## 🧑💻 寫在開頭 點讚 + 收藏 = 支持原創 ...
> 這是一篇關於個人學習 AI 的筆記與程式碼摘錄。希望從前端的視角出發,快速了解大型語言模型(LLM)、提示詞工程、LangChain、RAG 等相關術語知識,最終能夠搭建一個 “玩具智能體” 或者真正應用到生產中去。 --- ### 目錄 📑 - LLM 基礎:深入 AI 的心...
こんにちは、とまだです。 大家有試過 AWS Kiro 的規格驅動開發(Spec-Driven Development)嗎? 的參賽作品* DreamNest.ai 背後的願景—人工智慧家居設計師和市場 ------------------------...
> **實戰推薦:** > - [⚡ 一個 Vue 自訂指令搞定絲滑拖曳列表,告別複雜元件封裝](https://juejin.cn/post/7511332054941188147) > - [🔥 這才是 Vue 驅動的 Chrome 外掛工程化正確打開方式](https://juejin.c...
## 1. 為什麼要“告別”? - **規範已打 🚩 Deprecated**:瀏覽器隨時下架,埋得越深爆得越慘 - **性能/體積/安全**:舊 API 常阻塞執行緒、無權限模型、包體積爆炸 - **面試必問**:能講清“為什麼不用 + 怎麼遷”是高分項 以下 10 組案例,95%...
每週二晚上《CodeLove Talk》直播! 開放觀眾 Call-in,一起討論軟體開發相關的話題!