Pretext 教學:前端 multiline text measurement 與 layout 實戰
認識剛發布的 Pretext(@chenglou/pretext),掌握 prepare、layout、layoutWithLines、walkLineRanges 的正確用法,評估它和 DOM measurement 在 virtualization 與 shrink-wrap layout 的適用邊界。
認識剛發布的 Pretext(@chenglou/pretext),掌握 prepare、layout、layoutWithLines、walkLineRanges 的正確用法,評估它和 DOM measurement 在 virtualization 與 shrink-wrap layout 的適用邊界。
React Compiler v1.0 穩定版來了!自動幫你加 useMemo、useCallback,不用再手動優化。安裝設定、遷移策略一篇搞定。
2026 年 Core Web Vitals 完整教學!LCP/INP/CLS 最新標準、圖片優化、程式碼分割實戰。附效能預算配置,前端工程師必看的效能優化指南!
Lighthouse 12.6.0 Performance Insights 完整教學!Core Web Vitals 跨瀏覽器支援、LCP/INP/CLS 優化攻略。2026 年工程師必看的效能測量指南!
整理 Astro 5.0 的新功能:Content Layer 的任意來源載入、Server Islands 的靜態+動態混合、Astro 5 的效能改進,以及從 4.x 遷移的實際步驟。
深入比較 React 19、Vue 4、Svelte 5 三大前端框架的核心理念、響應式模型、效能表現、生態系與適用場景。提供程式碼範例與決策框架,協助你在 2026 年做出正確的框架選擇。
深入解析 React Server Components 的運作原理、與傳統 Server-Side Rendering 的差異、實際效能影響,以及開發者最常踩的坑。包含從 Next.js App Router 切入的實作範例。
Vue、Svelte、Angular 都在擁抱 Signal 響應式。整理 Signal 的核心原理,SolidJS 2.0 的進展,以及各框架採用 Signal 的方式與實際效能差異。
整理 Vite 6 的所有重要變更:預設瀏覽器升級、Node.js 支援調整、新 Environment API 實戰、 Rolldown 生態遷移步驟。協助前端團隊無痛從 Vite 5 升級。