前端工程師必知的 CJK 文字坑 — 中文、日文、韓文在瀏覽器裡的奇怪行為
深入解析 CJK 文字在前端開發中的七個常見陷阱:從 IME 組字、字元寬度、排版到正則表達式,工程師必知的實戰攻略。
深入解析 CJK 文字在前端開發中的七個常見陷阱:從 IME 組字、字元寬度、排版到正則表達式,工程師必知的實戰攻略。
整理前端開發中的數字精度問題:金額計算的整數分策略、BigInt 用法、decimal.js 比較、Intl.NumberFormat 格式化,以及後端 API 傳大數的最佳實踐。
深入解析 JavaScript 中 emoji 和 Unicode 字串長度的問題: surrogate pair、grapheme cluster、Intl.Segmenter 正確計算,以及字串截斷、正則表達式等實戰場景。
整理 TC39 Decorators(Stage 3)的標準化 API:class、method、accessor、field、getter/setter 的裝飾方式,與 TypeScript 實驗性裝飾器的完整差異分析。
整理 ES2024 Import Attributes(Stage 4,已所有主流瀏覽器支援):import with { type: 'json' } 的安全價值、動態 import 屬性、CSS Module Scripts、Vite/webpack 支援。
整理 TC39 Iterator Helpers(Stage 4)的 .map()、.filter()、.take()、.drop()、.flatMap() 等十個方法。lazy 迭代器如何讓大數據處理不需要創建中間陣列。
整理 TC39 Math.sumPrecise 提案(Stage 3):IEEE 754 浮點數加法為什麼在大數時出錯、正確的 Shewchuk 演算法,以及金融計算的實際應用場景。
整理 ES2024 Object.groupBy 和 Map.groupBy(Stage 4)的用法,與 lodash _.groupBy 的比較,以及 Null 原型注意事項。
整理 TC39 Pattern Matching(Stage 2)的提案語法:match 表達式、guard、陣列/物件模式。與 TypeScript discriminated union 的比較,以及 Stage 2 的当前狀態。
整理 TC39 Pipeline Operator(Stage 2)的 Hack pipe 語法(|>)。與 F#/Elixir pipe 的比較,以及與 Iterator Helpers 結合的 streaming transform 實例。
整理 ES2024 Promise.withResolvers(Stage 4)的使用方式,與傳統 Deferred Promise 模式的完整比較,以及 AbortController 結合的實戰範例。
整理 TC39 Set Methods(Stage 4,已在所有主流瀏覽器支援)的七個新方法。用集合代數處理權限、標籤過濾、特徵標誌等常見場景。
整理 TC39 Temporal API(Stage 3)的核心物件:PlainDate、PlainDateTime、ZonedDateTime、Instant。包含 Date 的缺陷說明與實際遷移範例。
整理 TC39 Explicit Resource Management(Stage 4)的 using 和 await using 關鍵字。Symbol.dispose、DisposableStack、與傳統 try-finally 的完整比較。