最近Code Review的時候,我看到我們組一個很聰明的年輕同事,用觀察者模式,寫了一個極其複雜的全球狀態訂閱系統,就為了在一個元件裡,響應另一個不相關的元件的點擊事件。 比較常見的場景:點擊 Button 元件,讓 Panel 元件打印日誌或顯示提示,具體偽代碼👇: ```js /...
我們前端,可能是公司裡最卷的崗位之一。天天加班加點,追最新的技術棧,像素級還原設計稿,為了那100毫秒的性能提升死磕到底。 但不知道你有沒有過類似的感受:**儘管我們做了這麼多,但在很多公司裡,我們總感覺自己處於食物鏈的下游?為什麼在討論核心戰略、分配專案獎金、甚至決定專案方向時,前端的聲音總...
## 前回的故事 曾經寫過一篇名為「用HTML和CSS來畫出真實的眼球。」的文章。 在那時,我灌注了當時所知的所有CSS技巧, 我認為我做出了令人滿意的眼球效果。 然而,自從這篇文章以來,已經過去了六年。 在這段期間,網頁相關技術的創新日新月異, CSS相比以前更...
## 為啥就換Shadcn了 因為Shadcn太火了,不少大大小小的火出圈的AI項目,就是基於Shadcn搭建的,比如[assistant-ui](https://link.juejin.cn?target=https%3A%2F%2Fwww.assistant-ui.com),為了與時俱進,...
| 2017 | 2018 | 2019 | 2020 | 2021 | 2022 | 2023 | 2024 | 2025 | |------|------|------|------|------|------|------|------|------| | ¥0 | ¥0 | ¥0...
### 前言 好消息,就在今天,尤雨溪宣布即將發布 Vite 8 Beta 版本了! #### 往期精彩推薦 - [字節也在用的 @tanstack/react-query 到底有多好用!🔥🔥🔥](https://juejin.cn/post/7541048117497954342) -...
在前端圈,單元測試幾乎是一個非常頭疼的話題。履歷上不寫熟悉單元測試,都不好意思跟人打招呼了。CI/CD流程裡,要是沒有一個 `test` 的階段,就好像這個專案不夠專業。而那綠色的“`Coverage: 95%`”,也常常被當作專案質量的黃金標準,成為許多團隊KPI的一部分。 但在我帶團隊的這...
最近 `iOS` 推送了新的系統更新:  其實這個更新早在幾個月前的 `WWDC` 上就開始宣傳了: 的參賽作品* DreamNest.ai 背後的願景—人工智慧家居設計師和市場 ------------------------...
**。這個公式簡單直接,卻徹底改變了前端開發的方式,也帶動了整個生態的成長。回頭看 React 的發展,大致可以分成兩個階段: - **Class 组件**:偏向面向物件,生命周期方法多,寫起來比較笨重。 - *...
## 1. 為什麼要“告別”? - **規範已打 🚩 Deprecated**:瀏覽器隨時下架,埋得越深爆得越慘 - **性能/體積/安全**:舊 API 常阻塞執行緒、無權限模型、包體積爆炸 - **面試必問**:能講清“為什麼不用 + 怎麼遷”是高分項 以下 10 組案例,95%...
*在前端與 Node.js 開發中,包管理器是連接專案與海量開源依賴的核心工具。從最早的 npm 到後來的 yarn,再到如今備受青睞的 pnpm,每一次迭代都圍繞著 “效率、空間、一致性” 三大痛點展開。本文將先回顧 npm 的局限,再深入解析 pnpm 如何透過 **硬連結與符號連結** 突破這...
這是一個偶爾會被提問的問題,而我的答案很簡單。 「**用不同的方法多次製作同一個應用程式(主題)**」。 ## 為什麼要重複製作相同的東西 程式設計學習中常見的失敗是「**教學疲勞**」。 製作一個基於 React 的聊天應用程式,然後再使用 Rails 製作電子商務網站,再...
### 開篇:一個經典的面試題 “說說看,使用者登入後拿到的 Token,前端應該怎麼存?” 這個問題看似簡單,卻能清晰地分辨出一個前端開發者對安全的理解深度。是存到 `localStorage`?`sessionStorage`?還是 `Cookie`?又或者是內存裡?不同的選擇背後,是截...
每週二晚上《CodeLove Talk》直播! 聊聊科技新聞,一起討論軟體開發相關的話題!