你好,我是對函數式編程情有獨鍾的全端工程師トウカ。因為這是我第一次參加聖誕倒數日曆,能夠受到大家的溫暖目光閱讀,我非常感激。 ## 前言 大家有沒有過這樣的經歷?在生產環境中,應用程式突然崩潰。查看日誌時發現 `TypeError: Cannot read property 'foo' of u...
每個開發者都會經歷這樣一個時刻——通常是在凌晨兩點左右,沐浴在顯示器冰冷的燈光下,手指懸在鍵盤上方,就像鋼琴家即將演奏拉赫曼尼諾夫的作品——這時你突然意識到,你苦苦追尋了三個小時的bug竟然是由一個拼寫錯誤引起的。而且還不是什麼有趣的拼字錯誤。只是少了一個分號,或是把變數名寫成了`uesr`而...
# 一種新HTML頁面轉換成 PDF 技術方案 ## 背景 > 本文將深入講解如何使用 snapdom 和 jsPDF 實現高品質的 HTML 轉 PDF 功能,並透過一個完整的消息列表導出案例,帶你掌握這套方案的核心技術。 ### 為什麼 HTML 轉 PDF 如此重要? 在現代 Web 應用...
# 用户登入後,Token 到底該存哪裡?從懵圈到精通的全方位解析 > 面試官的一個簡單問題,卻讓我陷入了深思。這不僅是前端問題,更是全棧工程師必須掌握的安全基礎。 “說說看,使用者登入後拿到的 Token,你會存在哪裡?” 記得我第一次被問到這個問題時,信心滿滿地回答:“localStora...
# 基於WASM的純前端Office解決方案:線上編輯/匯入匯出/權限切換/多實例(已開源) ## 效果展示 所有操作均在瀏覽器進行,先來看看最終效果: 🌐 **線上演示**: [mvp-onlyoffice.vercel.app/](https://link.juejin.cn?target=...
# 你還在 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 的獨立事件架構。 --- ## 🧑💻 寫在開頭 點讚 + 收藏 = 支持原創 ...
每週二晚上《CodeLove Talk》直播! 聊聊科技新聞,一起討論軟體開發相關的話題!