團隊曾為一個訂單狀態顯示問題加班至深夜：並非業務邏輯出錯，而是前期封裝的訂單類過度隱藏核心字段，連獲取支付時間都需多層調用，最終只能通過反射繞過封裝臨時解決，後續還需承擔潛在風險。這一典型場景，正是 “亂封裝” 埋下的隱患 —— 封裝本是保障程式碼安全、提升可維護性的工具，但違背其核心原則的 “亂封...
## 前言 首先，「無限迴圈＝壞」並不正確！！ 在遊戲的指令等待、伺服器的接收、UI的事件等待等場合， 有很多處理需要持續運行。 重要的是，**安全停止的機制**和**運行方式的設計**。 本文將總結如何以“安全的方式”使用 `while(true)` 的技巧， 以及 `break`...
## 前言 在結合 AWS CloudFront 與 WAF 以加強安全性時，我們遇到了一個奇怪的現象。 「明明應該被 WAF 阻擋的請求，為什麼還是返回 200 OK...？」 查看日誌後確認確實是被 WAF 阻擋，但瀏覽器卻顯示空白頁面，回應代碼卻是 200。究竟發生了什麼事？ ...
(這篇文章是由手機上的AI撰寫的) ## 引言 以ChatGPT為首的大規模語言模型（LLM）的進化持續加速。這些AI可以進行近乎自然的人類對話，但要充分發揮其能力，需掌握一些特殊的「說話」技巧。 對我們這些工程師來說，重要的是把AI視為一個**應依照規範運作的系統**，而非模糊的對話...
# 七夕到了，我讓AI用Kuikly寫了個“孤寡青蛙“App，一碼五端真絲滑！ ## 引子 又是一年七夕，朋友圈裡充滿了戀愛的"酸臭味"，而你，是不是又一次"孤寡"在家？ 的工具，用於檢查網頁的可存取性。該工具以瀏覽器擴充功能的形式提供，可在網頁上疊加顯示與可存取性相關的資訊。它適用於[Chrome](https...
歡迎關注我的公眾號：**前端偵探** 聊聊圖片與背景圖片 ## 一、img vs background-image 大部分注重內容的圖片（比如商品展示、文章配圖）都推薦直接使用`img`標籤，好處有很多，比如 1. `img`支持天然懶加載，設置`loading="lazy"...
# 前端需要掌握多少Node.js？  昨天下午，來了個剛畢業的學弟，很認真地跑過來問我：「哥，我看網上好多人都說前端要學Node，我到底要學到什麼程度啊...
以下的本地 LLM 環境進行構建。 
