✏️前端進階教學
甚麼是樂觀更新 Optimistic Updates？增強用戶體驗的技術
前端進階-甚麼是樂觀更新 Optimistic Updates？ 在前端開發中，樂觀更新（Optimistic Updates）是一種用來提升互動流暢度與使用者體驗的技術手法。 簡單來說，它的核心思想是：「...
前往甚麼是樂觀更新 Optimistic Updates？增強用戶體驗的技術文章JS Symbol 是什麼？5 分鐘詳解與實戰應用
前端進階-Symbol 是 ES6 引入的 JS 原始型別，他專門用來建立唯一且不可重複的識別符號（unique identifier）。 Symbol 很適合用在需要不重複鍵名與封裝屬性的場景。這篇文章...
前往JS Symbol 是什麼？5 分鐘詳解與實戰應用文章Query Parameters 介紹與實作 - 網址後面一長串參數是什麼？
前端進階-前言 不知道你有沒有注意過，有時候網址後面會帶一大串參數，比如下面 Uniqlo 的網址： 他並不是什麼有毒的連結，而是網頁很常使用的技巧，叫做 Query Parameters（Query Pa...
前往Query Parameters 介紹與實作 - 網址後面一長串參數是什麼？文章前端網頁實現自動儲存的 7 種方式
前端進階-自動儲存是前端一個很細節功能，但對使用者的體驗影響很大。特別是在處理複雜表單系統或文檔編輯頁面時，自動儲存能大幅降低資料遺失的風險，也讓操作更加順暢。 在這篇文章中，我將帶你深入了解 7 種自動儲存...
前往前端網頁實現自動儲存的 7 種方式文章SSG & CSR & SSR - 現代 Web 的渲染方式
前端進階-前言 在前端世界中，「渲染策略」一直是核心課題之一。 從最早的靜態網站，到後來需要即時性與互動性的應用，我們不斷嘗試不同的方式來兼顧速度、體驗與維護性。 特別是現在網路的使用場景越來越多元了，單...
前往SSG & CSR & SSR - 現代 Web 的渲染方式文章認識 PostgreSQL 與 Supabase - 基本觀念與使用教學
前端進階-什麼是 PostgreSQL？ PostgreSQL 是一個免費、開源的資料庫系統，也是現在最熱門的資料庫。 PostgreSQL 強大的地方在於，除了足夠穩定、內建各種豐富的資料類型像是 JSO...
前往認識 PostgreSQL 與 Supabase - 基本觀念與使用教學文章JS 實現深拷貝的三種方法 - 面試必考的 DeepClone
前端進階-前言 深淺拷貝是面試很常問的問題，今天就來好好聊一聊在 JS 中的深淺拷貝，以及為甚麼要用深淺拷貝吧！ 為甚麼要用淺拷貝？ 對於一般的原始型別(Primitive Type)，像是 boolea...
前往JS 實現深拷貝的三種方法 - 面試必考的 DeepClone文章JS - Intersection Observer 交叉觀察器
前端進階-Intersection Observer 交叉觀察器 前陣子做網站時遇到一個需求，當使用者滑到底部時，要獲取新的資料，就是所謂的懶加載 lazy loading。 最一開始的想法是用 scrol...
前往JS - Intersection Observer 交叉觀察器文章如何轉換網頁中的貨幣單位、日期格式？- JS Intl 詳解
前端進階-你知道 JS Intl 這很有意思的 API 嗎？ 他提供許多方法來處理不同地區和語言的文法、日期、貨幣格式，讓你在解決網站需要國際化時可能會遇到的格式問題。 我們可以直接在控制台裡輸入 Intl...
前往如何轉換網頁中的貨幣單位、日期格式？- JS Intl 詳解文章瀏覽器是如何將 HTML、CSS、JS 渲染成頁面？
前端進階-瀏覽器把 HTML、CSS、JS 渲染成頁面是一個常見的面試題目，理解之後對於優化網站速度也有幫助，而過程可以簡單分為幾個步驟： 建構 DOM 樹 樣式計算 布局階段 而在樣式計算和布局階...
前往瀏覽器是如何將 HTML、CSS、JS 渲染成頁面？文章