# 10 個被嚴重低估的 JS 特性,直接少寫 500 行程式碼 ## 前言 最近逛 Reddit 的時候,看到一個關於最被低估的 JavaScript 特性的討論,我對此進行了總結,和大家分享一下。 ## 1. Set:陣列去重 + 快速查找,比 filter 快 3 倍 提到陣列去重,很多人...
在這一年即將結束之際,Angular 世界一直在熱議 Signal Forms 等熱門話題。但悄悄間,一場測試革命正隨著 Angular 21 版本到來,而且來得相當出人意料——距離發布僅剩兩週(撰寫本文時)。 在本文中,我們將探討 Vitest 如何成為新的預設測試框架,非同步測試將如何改變新...
# 前端別再亂存資料了!這3種存儲方案讓你的應用快如閃電 你是不是也遇到過這樣的場景? 使用者剛填完一個超長的表單,不小心刷新了頁面,所有資料都沒了... 從介面請求的資料,使用者每次操作都要重新載入,體驗卡成PPT... 應用離線狀態下完全無法使用,使用者直接流失... 別擔心!今天...
# 我是如何將手動的日報完全自動化的☺️☺️☺️ 書接上回,上回我們聊了處理重複任務的自動化思維。 其中,我舉了**用工具自動化公司日報**的例子。 今天,我就來詳細說說,我到底是怎麼做的,以及過程中遇到了哪些問題和挑戰。 ### 背景 我們公司使用某第三方系統有一個自訂的數據看板,每天需...
# 我帶的外包兄弟放棄大廠轉正,薪資翻倍入職字節 大家好,我是老A 國慶節的時候,收到一位粉絲的私信求助。一來一回聊了半天,我發現了很多技術兄弟的通病——我們稱之為「**收藏夾式努力**」。水文看不上,只想讓大佬推薦技術寶典,一旦拿到手,焦慮感削弱,寶典就在收藏夾裡吃灰,下班照樣峽谷開黑。當你...
> 昨天,在一次團隊站立會議上,一位初級開發人員問我:「你怎麼記得住這些東西?」我笑了。 “我記不住。我每天都會用谷歌搜尋。” 引言:懺悔 ----- 讓我告訴你一個在技術面試或 LinkedIn 貼文中沒人談論的秘密: **我是一名擁有 8 年經驗的高級軟體開發人員,我會每天、甚至每小時都...
# 我把前端踩坑經驗總結成28條“漲薪秘籍”,老闆誇同事讚,新手照著做準沒錯 > 身邊總有人問我:“同樣是寫前端,為啥你入職半年就漲薪,還被老闆誇‘代碼功底扎實’、同事說‘合作起來超省心’?”其實不是我天賦高,而是踩坑多了摸出了“門道”。這28條前端“漲薪秘籍”,從代碼寫法到項目協作全覆蓋,新手照...
# 女朋友炸了:剛打開的網頁怎麼又沒了?我反手甩出一鍵恢復按鈕! 女朋友經常手滑關掉標籤頁這事兒頭大了? 跟女朋友說用 `Ctrl/Cmd+Shift+T`,她皺眉:“鍵盤上哪有這個鍵!!!” 讓她翻歷史紀錄,她搖頭:“根本找不到,全是我今天打開的!” 最後指向左上角的“最近關閉”,她...
這也許就是AI無法代替人的原因,只需一行代碼就可以實現純前端 html 轉矢量 pdf 的功能 ```javascript // 引入 dompdf.js庫 import dompdf from "dompdf.js"; dompdf(document.querySelector("...
# 有了TCP為何還需要HTTP?再用RPC?這次徹底講明白了 > 記得剛工作那會兒,第一次接觸RPC概念時,我內心滿是疑惑——明明HTTP用得好好的,為什麼要搞出個RPC?直到參與了幾個微服務專案後,我才真正能理解它們各自的價值。今天,就讓我們一起理清這些協議之間的關係。 ## 從網路...
> **實戰推薦:** > - [⚡ 一個 Vue 自訂指令搞定絲滑拖曳列表,告別複雜元件封裝](https://juejin.cn/post/7511332054941188147) > - [🔥 這才是 Vue 驅動的 Chrome 外掛工程化正確打開方式](https://juejin.c...
## 前言 Vue 3 的原始碼由多個模組構成,除了我們常用的核心功能外,還包含了響應式、工具函數等多個獨立模組。為了模擬 Vue 官方的開發環境,管理這些分散的模組,我們會採用 Monorepo 架構來進行專案管理,並且使用 pnpm workspace。 強烈建議大家一定要跟著動手編...
在之前的 [《註解模式下的 Riverpod 有什麼特別之處》](https://juejin.cn/post/7479474972849143844) 我們聊過 Riverpod 2.x 的設計和使用原理,同時當時我們就聊到作者已經在開始探索 3.0 的重構方式,而現在隨著 Riverpod 3....
## 1. 為什麼要“告別”? - **規範已打 🚩 Deprecated**:瀏覽器隨時下架,埋得越深爆得越慘 - **性能/體積/安全**:舊 API 常阻塞執行緒、無權限模型、包體積爆炸 - **面試必問**:能講清“為什麼不用 + 怎麼遷”是高分項 以下 10 組案例,95%...
## 單點登入(SSO)在多端應用中的設計與實現 在現代 Web 應用架構中,用戶往往需要同時使用多個關聯的業務系統(如電商平台的商品頁、購物車、支付中心)。單點登入(SSO)技術透過「一次登入,多系統通行」的特性,徹底解決了用戶在多系統間重複登入的痛點。本文基於簡單的實際專案案例,詳細介紹 ...
**摘要:** 地圖技術作為數位世界的基石,其應用早已超越了傳統的導航和位置服務。對於開發者而言,如何將強大的地圖能力整合到不同形態的應用中,是一個充滿挑戰與機遇的課題。本文將詳細闡述一個獨特的實踐案例:如何利用Python的PyQt5框架,結合高德開放平台強大的JavaScript API ...
這是一個偶爾會被提問的問題,而我的答案很簡單。 「**用不同的方法多次製作同一個應用程式(主題)**」。 ## 為什麼要重複製作相同的東西 程式設計學習中常見的失敗是「**教學疲勞**」。 製作一個基於 React 的聊天應用程式,然後再使用 Rails 製作電子商務網站,再...
本以為能簡化一切的框架,卻讓我的程式碼庫變成惡夢 內容提要:在使用 React 開發四年、構建了 20 多個生產應用之後,我決定轉向 Svelte,並且再也沒有回頭。 ## 嚴重崩潰的瞬間 上個月,我花了六個小時調試一個「簡單」的表單元件——問題出在 useState 無法立即更新...
上次撈到了商品資料 這次嘗試把加購的商品,連同主商品一起送出 先不實作動態撈加購 id 就先放一個實際商品 id 做測試 --- 這功能乍聽之下簡單,實際上做起來非常複雜 以預設的 theme Dawn 來說 購物車有三種模式 drawer, page, popu...
我曾經是將 TypeScript 推向**每個**專案的開發人員。後端? TypeScript。前端? TypeScript。一個五分鐘的腳本來自動重命名檔案?是的,甚至如此。這似乎是正確的舉措——畢竟,靜態類型讓一切變得更好,對吧? 嗯,並非總是如此。 多年來,我一直強迫自己將 Typ...
每週二晚上《CodeLove Talk》直播! 開放觀眾 Call-in,一起討論軟體開發相關的話題!