那晚杭州的悶熱，至今記憶猶新。 2021年，我剛來到杭州這座「卷城」，入職了一家夢想中的互聯網大廠。作為一名電商新人，我一頭扎進了促銷和會場的研發中。 那晚，我們正為一個S級的「會員閃促」活動做最後的護航，它將在零點準時生效。作戰室裡燈火通明，所有人都盯著大盤，期待著活動上線後，GMV曲...
# Git ## 準備 ### Git 安裝 首先確認是否已經安裝 git。 ``` git --version ``` 如果已顯示版本，則不需要重新安裝。 如果沒有，請從 [這裡](https://git-scm.com/book/ja/v2/%E4%BD%BF...
### 開篇：一個經典的面試題 “說說看，使用者登入後拿到的 Token，前端應該怎麼存？” 這個問題看似簡單，卻能清晰地分辨出一個前端開發者對安全的理解深度。是存到 `localStorage`？`sessionStorage`？還是 `Cookie`？又或者是內存裡？不同的選擇背後，是截...
本以為能簡化一切的框架，卻讓我的程式碼庫變成惡夢 內容提要：在使用 React 開發四年、構建了 20 多個生產應用之後，我決定轉向 Svelte，並且再也沒有回頭。 ## 嚴重崩潰的瞬間 上個月，我花了六個小時調試一個「簡單」的表單元件——問題出在 useState 無法立即更新...
## 前言 Hello， 大家好，我是程序員海軍, 全端開發 | AI愛好者 ｜ 獨立開發。近期AI圖像領域再次重磅升級，`Nano Banana` `Google Gemini 2.5 Flash Image` 這次顛覆了大眾認知。主打“一句話就能改圖”的超輕量 AI 圖像引擎。 它簡...
# 引言 「**我不知道如何對生成AI下指令...**」 儘管自然語言理解的機器已經出現，但我們中的許多人仍未掌握「如何有效用自然語言發號施令」的技巧。 這也難怪，因為自然語言擁有無限的表現力和靈活性，是一種**完全的上位互換**存在，與程式語言的嚴謹性有所不同。 我們過去並...
嗨，DEV 社區的朋友們！我們有一些令人興奮的訊息要分享。 經過與數千名開發人員進行一個月的私人 Beta 測試，他們將 Auggie 作為他們的首選編碼代理，我們很高興地宣布**Auggie CLI 現已向所有人開放**。 我們的內測用戶表現非常出色——他們使用 Auggie 作為日常...
## 本記事的目次 - [XML-like 提示有效的理由](https://qiita.com/keiichileograph/items/4fcadeebd27410078828#xml%E3%83%A9%E3%82%A4%E3%82%AF%E3%81%AA%E3%83%97%E3%83%AD...
> 在 Flex佈局的日常使用中，flex:1 和 flex:auto 是兩個高頻出現的簡寫屬性。很多開發者可能會憑直覺混用，比如想讓元素 “佔滿剩餘空間” 時，隨手就寫一個 flex:1，偶爾能實現效果，但遇到複雜佈局時就容易踩坑 —— 明明程式碼結構相似，為什麼有的元素被擠壓變形，有的卻能正常顯...
團隊曾為一個訂單狀態顯示問題加班至深夜：並非業務邏輯出錯，而是前期封裝的訂單類過度隱藏核心字段，連獲取支付時間都需多層調用，最終只能通過反射繞過封裝臨時解決，後續還需承擔潛在風險。這一典型場景，正是 “亂封裝” 埋下的隱患 —— 封裝本是保障程式碼安全、提升可維護性的工具，但違背其核心原則的 “亂封...
## 前言 首先，「無限迴圈＝壞」並不正確！！ 在遊戲的指令等待、伺服器的接收、UI的事件等待等場合， 有很多處理需要持續運行。 重要的是，**安全停止的機制**和**運行方式的設計**。 本文將總結如何以“安全的方式”使用 `while(true)` 的技巧， 以及 `break`...
最近一個月，為了給團隊補充新鮮血液，我密集面試了差不多20位前端候選人，從剛畢業的新人到有三五年經驗的都有。 面試得多了，我發現一個很有意思，甚至有點反常識的現象：**現在很多候選人的知識結構，好像是個倒三角形。** 這是什麼意思呢？ 就是他們對上層的框架（React/Vue）、甚...
## 前言 在結合 AWS CloudFront 與 WAF 以加強安全性時，我們遇到了一個奇怪的現象。 「明明應該被 WAF 阻擋的請求，為什麼還是返回 200 OK...？」 查看日誌後確認確實是被 WAF 阻擋，但瀏覽器卻顯示空白頁面，回應代碼卻是 200。究竟發生了什麼事？ ...
# 深入理解 Redux：從手寫核心到現代實踐（附 RTK 銜接） Redux 作為前端經典狀態管理庫，核心解決 “組件間狀態共享” 與 “狀態變更可追溯” 問題，適配大型 React 專案。這篇文章我透過結合**手寫核心邏輯**與**現代工具 RTK**，拆解 Redux 原理，明晰 “底層...
# 90%前端忽略的3大內存黑洞，這樣根治性能飆升300%！ 你是否遇到過：頁面越用越卡，瀏覽器內存佔用持續飆升？ 動態列表頻繁增刪後，頁面直接卡死崩潰？ 弱引用、閉包、定時器——這些看似無害的程式碼，竟是內存洩漏的元兇！ 本文直擊**三大高頻內存洩漏場景**，用**Weak...
(這篇文章是由手機上的AI撰寫的) ## 引言 以ChatGPT為首的大規模語言模型（LLM）的進化持續加速。這些AI可以進行近乎自然的人類對話，但要充分發揮其能力，需掌握一些特殊的「說話」技巧。 對我們這些工程師來說，重要的是把AI視為一個**應依照規範運作的系統**，而非模糊的對話...
# 七夕到了，我讓AI用Kuikly寫了個“孤寡青蛙“App，一碼五端真絲滑！ ## 引子 又是一年七夕，朋友圈裡充滿了戀愛的"酸臭味"，而你，是不是又一次"孤寡"在家？  但最近出現了...
AI自動化作業就選 n8n 吧。在過去幾個月中，它逐漸得到普及。 那麼 n8n 一般是要付費的，但你知道有一種方法可以（合法地）免費使用它嗎？ 我身邊看到許多人在不知道的情況下使用它，因此我決定將具體的步驟整理成文章發佈。 n8n 是一個可以輕鬆構建 AI 工作流程的方便工具，即使...
晚上好。這裡是坐禪犬。 Claude Code、Gemini CLI、Cursor，以及Kiro，真的讓我們開始覺得**沒有AI代理的生活難以想像**。起初我只是抱著好奇，想知道可以做些什麼，但隨著我漸漸有了自己的運作架構，這些工具變成了生活的必需品。正如那句名言所說，「我們創造了工具，而後工...
每週二晚上《CodeLove Talk》直播！ 開放觀眾 Call-in，一起討論軟體開發相關的話題！
