Writing & Thinking

Exploration notes on Front-end technologies, Web APIs, and Software Engineering.

FrontEnd3 articles

JavaScript Class 提供了一種結構化的方式來定義物件和處理繼承。本文涵蓋了類別語法、繼承、靜態方法以及 getter/setter 方法，幫助開發者編寫更模組化、更易於維護的程式碼。

React Hooks 大幅簡化元件邏輯，但是錯誤使用可能造成效能問題。本文整理 React Hooks 幾項 best practice 以便提升管理便利性及減少 bug 發生的機率，包含 useState、useEffect、useMemo 等使用技巧。

Chrome 內建 AI API 讓網頁可直接使用翻譯（Translator API）、語言偵測（Language Detector）、摘要（Summarizer API）與自然語言處理（Prompt API）等功能，全部在裝置端執行、速度快且更隱私，是打造智慧化 Web App 的新時代工具。