JavaScriptDec 20, 20257 minES5, ES6 和 CommonJS 簡介本文簡單介紹了 ES5、ES6 和 CommonJS 之間的區別，文章涵蓋了它們的基本語法、特性和用例。JavaScriptES6ES5CommonJSRead Article
JavaScriptDec 20, 202510 minECMAScript (ES) 簡介 - Part 2本篇聚焦 ECMAScript 大幅更新的版本：ES5 與 ES6（又稱 ES2015），以及後續 2016 和 2017 年的小更新。說明語言特性如何快速進化，以支援現代 JavaScript 開發。ECMAScriptJavaScriptES6FundamentalsRead Article
ReactDec 23, 20255 minVirtual DOM 簡介Virtual DOM 在現代前端框架（如 React）中能有效提升效能。本文將透過說明 diffing、reconciliation 等核心機制，了解 Virtual DOM 如何提升效能、簡化開發流程並優化 UI 更新。ReactFundamentalsPerformanceRead Article
JavaScriptDec 20, 202512 minECMAScript (ES) 簡介 - Part 1本篇介紹 ECMAScript 標準的起源與最初的四個版本（ES1 ~ ES4），說明這些版本如何奠定 JavaScript 的語言基礎，包括語法、資料型別與流程控制等核心語言規範。ECMAScriptJavaScriptES6FundamentalsRead Article
JavaScriptDec 20, 202523 minJavaScript Class 簡介JavaScript Class 提供了一種結構化的方式來定義物件和處理繼承。本文涵蓋了類別語法、繼承、靜態方法以及 getter/setter 方法，幫助開發者編寫更模組化、更易於維護的程式碼。JavaScriptFrontEndFundamentalsRead Article
JavaScriptDec 20, 202517 minECMAScript (ES) 簡介 - Part 3本篇介紹 ECMAScript 在 ES2018 之後的年度版本（2018 ~ 2024），說明這些更新加入了哪些進一步提升語言可用性、資料操作與現代開發體驗的特性。ECMAScriptJavaScriptES6FundamentalsRead Article
ReactDec 23, 202511 minReact Hooks 的最佳實踐React Hooks 大幅簡化元件邏輯，但是錯誤使用可能造成效能問題。本文整理 React Hooks 幾項 best practice 以便提升管理便利性及減少 bug 發生的機率，包含 useState、useEffect、useMemo 等使用技巧。ReactFrontEndPerformanceRead Article
Web APIDec 20, 20255 minChrome built-in AI API 簡介Chrome 內建 AI API 讓網頁可直接使用翻譯（Translator API）、語言偵測（Language Detector）、摘要（Summarizer API）與自然語言處理（Prompt API）等功能，全部在裝置端執行、速度快且更隱私，是打造智慧化 Web App 的新時代工具。FrontEndWeb APIBuilt-in AIRead Article
JavaScriptDec 23, 202520 minJavaScript RegExp 常見用法這篇文章整理 JavaScript RegExp 的常見語法與使用範例，提供字串比對、搜尋與替換的核心技巧摘要。JavaScriptRegExpRead Article
