## 背景介紹 曾經,我遭遇了一個荒謬的Bug。那是一個看似平凡的字段,由我和同事共同維護著,如同兩個陌生人在同一片土地上耕作。最終,我們發現這個字段背叛了現實,它所記錄的與真實情況南轅北轍。 生產環境是沉默的,它從不打印SQL語句,就像西西弗斯推石的山坡,永遠不會告訴你石頭為何滾落。我...
### 運營小姐姐的煩惱 在我們公司有一個運營部門,平常要負責把內容發布到抖音、快手、小紅書等這些平台。帳號類型也很多,有品牌號、合作號、還有專門用來做活動的測試號。日常的工作量其實不小。尤其一到促銷期或者活動期,一天要發好幾條筆記,而且要同時涵蓋不同的帳號。 每次到了活動期,運營小姐姐...
在前端圈,單元測試幾乎是一個非常頭疼的話題。履歷上不寫熟悉單元測試,都不好意思跟人打招呼了。CI/CD流程裡,要是沒有一個 `test` 的階段,就好像這個專案不夠專業。而那綠色的“`Coverage: 95%`”,也常常被當作專案質量的黃金標準,成為許多團隊KPI的一部分。 但在我帶團隊的這...
這是一個很有趣的問題,**很多人覺得有了 AI 之後是不需要學習,因為 AI 可以幫助他解決大部分問題**,但是如果你已經使用過一段時間 AI,或者說你正在使用 vibe coding,那麼你的實際體驗會告訴你,你需要學習,甚至比之前了解更多。 > 實際上有了 AI 之後,在某些方面我們確實不...
在2025年的今天,我想說一句可能會被很多同行噴的話🤯: **我個人認為,以`styled-components`和`Emotion`為代表的、在運行時注入樣式的CSS-in-JS技術,從長遠來看,是一項失敗的技術。** 我知道,這個觀點很暴論。 在它最火的那幾年(大概2018-2...
*這是[Google AI Studio 多模態挑戰賽](https://dev.to/challenges/google-ai-studio-2025-09-03)的參賽作品* DreamNest.ai 背後的願景—人工智慧家居設計師和市場 ------------------------...
> **實戰推薦:** > - [⚡ 一個 Vue 自訂指令搞定絲滑拖曳列表,告別複雜元件封裝](https://juejin.cn/post/7511332054941188147) > - [🔥 這才是 Vue 驅動的 Chrome 擴充功能工程化正確打開方式](https://juejin...
今日,Flutter 官方正式發布了它們關於 AI 大模型的 package 項目:[genui](https://link.juejin.cn?target=https%3A%2F%2Fgithub.com%2Fflutter%2Fgenui),它是一個非常有趣和前沿的探索類型的項目,它的目標是*...
自 React 誕生以來,它一直堅持一個核心理念:**UI = f(state)**。這個公式簡單直接,卻徹底改變了前端開發的方式,也帶動了整個生態的成長。回頭看 React 的發展,大致可以分成兩個階段: - **Class 组件**:偏向面向物件,生命周期方法多,寫起來比較笨重。 - *...
在之前的 [《註解模式下的 Riverpod 有什麼特別之處》](https://juejin.cn/post/7479474972849143844) 我們聊過 Riverpod 2.x 的設計和使用原理,同時當時我們就聊到作者已經在開始探索 3.0 的重構方式,而現在隨著 Riverpod 3....
## 1. 為什麼要“告別”? - **規範已打 🚩 Deprecated**:瀏覽器隨時下架,埋得越深爆得越慘 - **性能/體積/安全**:舊 API 常阻塞執行緒、無權限模型、包體積爆炸 - **面試必問**:能講清“為什麼不用 + 怎麼遷”是高分項 以下 10 組案例,95%...
## 前言 接著上個小飛機的效果,在這個動畫的基礎上,用`CSS`實現的一個在飛機上開窗關窗的效果。整個實現過程比較簡單,大家可以先看到下面的效果預覽部分,十分簡單,沒有花里胡哨的技巧。話不多說,咱們直接進入主題。 ## 效果預覽 最終實現的相關效果如下。 [效果預覽](https://...
### 開篇:一個經典的面試題 “說說看,使用者登入後拿到的 Token,前端應該怎麼存?” 這個問題看似簡單,卻能清晰地分辨出一個前端開發者對安全的理解深度。是存到 `localStorage`?`sessionStorage`?還是 `Cookie`?又或者是內存裡?不同的選擇背後,是截...
本以為能簡化一切的框架,卻讓我的程式碼庫變成惡夢 內容提要:在使用 React 開發四年、構建了 20 多個生產應用之後,我決定轉向 Svelte,並且再也沒有回頭。 ## 嚴重崩潰的瞬間 上個月,我花了六個小時調試一個「簡單」的表單元件——問題出在 useState 無法立即更新...
# 深入理解 Redux:從手寫核心到現代實踐(附 RTK 銜接) Redux 作為前端經典狀態管理庫,核心解決 “組件間狀態共享” 與 “狀態變更可追溯” 問題,適配大型 React 專案。這篇文章我透過結合**手寫核心邏輯**與**現代工具 RTK**,拆解 Redux 原理,明晰 “底層...
# 為什麼你的 TypeScript 專案裡,總會有幾個 .d.ts 文件? 剛寫 TS 的時候,我看到專案裡莫名其妙冒出個 `types.d.ts` 或者 `global.d.ts`,心裡是有點懵的。啥?這個文件是幹啥的?我 `.ts` 文件不是已經寫類型了嗎?為什麼還要多此一舉? ...
介紹 -- 有一天,我在開發過程中查看雲端環境(在 Cloud Logging 上)的日誌時, 我覺得**日誌很混亂,很難閱讀**。 我以為我要做的就是將日誌輸出為文本,但我的經驗已經有了很大的提高,我希望我早點知道它,所以我想寫一篇關於它的文章。 前提 -- 使用...
# 前言 您好,我是 Watanabe jin (@Sicut_study)。 我主要對於 React 的初學者進行教學。 我所指導的學生們利用 React 開發了各式各樣的優秀服務,然而即便具備實力,對於虛擬 DOM 和重新渲染的理解仍然不足,經常因此在錯誤調試上花費不少時間。 ...
當我開發軟體時,我會嘗試讓應用程式記住一些事情。這樣使用者就不必一遍又一遍地重複同樣的事情。 大多數應用程式在刷新或稍後返回時會重置所有內容。這很快就會讓人煩躁起來。 我的意思是: - 您再次點選同一標籤 - 您重新選擇篩選器或排序 - 您重新輸...
當開發人員長期製作一個網站時,顯然很少有人會考慮這樣的功能,但想像一下,您的服務已經變得流行並且您想要擴展。 一個倉庫似乎足以應付工作,但如果一個服務(公司)有 10 個網站,那麼所有網站都必須使用相同的元件,因為重新設計根本無利可圖。 GitHub 和 YouTube 等服務的用戶甚至無法想...
每週二晚上《CodeLove Talk》直播! 開放觀眾 Call-in,一起討論軟體開發相關的話題!