## 本記事的目次 - [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`...
半年前左右，我的前輩推薦了《[世界上最簡單的思考方式教科書](https://www.amazon.co.jp/%E4%B8%96%E7%95%8C%E3%81%A7%E4%B8%80%E7%95%AA%E3%82%84%E3%81%95%E3%81%97%E3%81%84%E8%80%83%E3%...
## 前言 在結合 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，一碼五端真絲滑！ ## 引子 又是一年七夕，朋友圈裡充滿了戀愛的"酸臭味"，而你，是不是又一次"孤寡"在家？ 的工具，用於檢查網頁的可存取性。該工具以瀏覽器擴充功能的形式提供，可在網頁上疊加顯示與可存取性相關的資訊。它適用於[Chrome](https...
介紹 -- 有一天，我在開發過程中查看雲端環境（在 Cloud Logging 上）的日誌時， 我覺得**日誌很混亂，很難閱讀**。 我以為我要做的就是將日誌輸出為文本，但我的經驗已經有了很大的提高，我希望我早點知道它，所以我想寫一篇關於它的文章。 前提 -- 使用...
歡迎關注我的公眾號：**前端偵探** 聊聊圖片與背景圖片 ## 一、img vs background-image 大部分注重內容的圖片（比如商品展示、文章配圖）都推薦直接使用`img`標籤，好處有很多，比如 1. `img`支持天然懶加載，設置`loading="lazy"...
## 親身經歷 最近接了個外包，和另外兩個哥們一起開發。因為他們的時間更充裕，所以前期的表結構都是他們來設計，我沒有參與。等我空下來開始做我的部分時，兩眼一抹黑，光看表名完全不知道是什麼東西。 我不理解，但是大受震撼。 比如說： ``` DC_COURSE_TESTPAPE...
每當節假日期間，一二線城市返鄉、外出玩耍的人們幾乎都面臨著一個問題：**搶火車票！** 12306 搶票，極限並發帶來的思考 雖然現在大多數情況下都能訂到票，但是放票瞬間即無票的場景，相信大家都深有體會。 尤其是春節期間，大家不僅使用 12306，還會考慮「智行」和其他的搶票軟體，...
# 深入揭秘 ConcurrentHashMap：JDK7 到 JDK8 並發優化的演進之路 ## 引言 本文主要從原始碼層次探討 ConcurrentHashMap 的並發控制實現，全文可以濃縮為下面的內容，也可以用來回答問題《ConcurrentHashMap 是如何實現執行緒安全支持高...
每週二晚上《CodeLove Talk》直播！ 開放觀眾 Call-in，一起討論軟體開發相關的話題！
