2023-10-16 探索 Wordpress、Hexo、Vite Press 到 Astro 的選擇之道 Development 這是一個前端工程師在選擇部落格架站技術的比較文章,裡面包含現在常見的 Wordpress、Hexo、Vite Press、Astro。 Read more →
2024-04-29 【前端開發必備工具系列】之三:pnpm - 更快、更節省空間的套件管理方案 Development 本篇介紹 pnpm 的特性與使用方式,以及深入瞭解 pnpm 的原理,當中包含了硬連結與符號連結的概念。 Read more →
2024-04-27 【前端開發必備工具系列】之一:掌握 npm、nvm、npx,優化你的開發流程 Development 本篇介紹 npm、nvm 和 npx 的使用方式,以及如何透過這些工具來優化你的開發流程。 Read more →
2024-04-28 【前端開發必備工具系列】之二:yarn - 現代化的 JavaScript 套件管理工具 Development 本篇介紹由 facebook 開發,替代 npm 的管理工具——yarn,以及其的使用方式以及其優點。 Read more →
2024-04-22 快速建置 Line LIFF App Development Line LIFF 全名是 Line Front-end Framework,是由 Line 平台推出的一種前端框架,除了讓用戶可以省略這個步驟,增強用戶體驗的好方法。 Read more →
2024-05-12 Web Image Optimization:網頁圖片優化:從基本概念到避免 CLS 的最佳實踐 Development 圖片是網頁設計中不可或缺的元素,但不當的處理方式可能導致頁面載入速度變慢,甚至影響用戶體驗和 SEO 排名。本文將深入探討網頁圖片優化的基本概念,包括圖片格式、HTML 標籤的使用,以及如何避免 Cumulative Layout Shift(CLS)問題,提供一系列最佳實踐,幫助你打造出更快、更穩定、更高效的網站。 Read more →
2024-05-02 Webpack vs Vite:前端建置工具優缺點比較與應用場景 Development 比較 Webpack 和 Vite 兩大前端建置工具的優缺點,包括建構速度、學習成本、打包設置精細度、生態系成熟度等,並分析其應用場景,助您選擇最適合專案需求的建置工具。 Read more →