鐵人檔案
打造 Progressive Web App 必須建立許多核心技術，包括 Service Workers 和 Web App Manifests 並搭配 Cac...
PWA (Progressive Web App) 是 Google 在 2015 年所提出的概念，2016 年我們開始看到許多 PWA 應用像是 The Wa...
今天的目標是實作如下： 透過 json-server 來新增 DEMO 用的 API，模擬實際專案會使用 REST API 的情境。 安裝 http-s...
之前的文章裡有介紹 Service Worker 的觀念，今天要進行 Service Worker 的第一步：透過簡單的範例來註冊 Service Worker...
一開始會註冊 Service Worker，接著會進到 install 事件，通常我們會在這個事件裡面去快取網站的靜態檔案（App Shell），實作本篇文章的...
為什麼要清除 Old Cache？ 在前面的文章有講到，我們會去 註冊 Service Worker ，接著在 install 的事件裡進行 Pre-cache...
今天筆記內容是要來了解 Service Worker 的 fetch 事件。 fetch 事件的觸發時機 如何攔截 Requests？ 如何處理攔截到的 Re...
之前文章有介紹 PWA 裡的 App（Application Shell） 是什麼？ 也有分享 App Shell 的執行效益以及設計方向，而今天要做 To-D...
今天預計開始實作 To-Do List 的功能，先顯示待辦事項的行為並且串接 Restful API，模擬實際專案的情形。 To-Do List 需求 在開發...
接續昨天的範例，我們今天來完成 To-Do List 的功能實作吧！ To-Do List 需求 昨天的文章已經完成『顯示待辦事項清單』，今天要執行的是新增/修...
