鐵人檔案
近年來越來越企業開始將它們的網頁製作成漸進式網頁(Progressive Web Application)，像是Starbucks、Uber、Twitter和Pinterest等等，因為PWA提供使用者就算在行動裝置上也能瀏覽到接近原生APP的網頁。無論是操作行動裝置設備、效能或是使用者體驗，都感覺像是一個原生APP。那麼就讓我們開始在30天內開發一個「旅行日記」的漸進式網頁吧^ ^
如果今天用戶沒有拜訪過某個頁面(舉例來說我的PWA中help.html)，那麼在網路離線時，我們之前所做的dynamic caching是無法fetch到這個資...
Cache then Network Strategies 這個策略算是目前應用場景最為廣泛的。主要目的就是能「從cache中盡快的獲得用戶所需要的資源」，並且...
回顧一下昨天，我根據不同的request類型而使用不同的cache strategies： "https://httpbin.org/get&quo...
先來為我的PWA建立一個後台資料庫吧 我目前對於用戶的貼文，是先去request一個假的Restful API Endpoint，再用createCard()...
什麼是 IndexedDB ? 前面已經有提到indexedDB是一個在browser運行的Database，這裡我列出幾項主要的特性： IndexedDB儲...
昨天已經成功地將firebase裡的dynamic data儲存至indexedDB了，接下來因為我目前使用的cache strategies是「cache t...
漸進式網頁(PWA)的其中一個目標就是讓網頁「感覺起來」像是手機原生的APP。所以在網頁的設計上必須得適應不同的手機裝置，這種設計方式我們就把它稱之為「響應式網...
繼續昨天的響應式網頁設計(RWD)，今天我要來將首頁中最大的那張圖片改成responsive。 當我用電腦瀏覽頁面時，圖片旁邊會有空白的地方，但是我希望圖片的大...
什麼是背景同步(Background Sync) 簡單來說，就是當用戶沒有網路連線時，背景同步就會將數據發送到server。 這裡有一點非常重要，在servi...
從昨天的流程圖可以發現，我們還必須將用戶要發佈的貼文資訊儲存到indexedDB中才行R。那我就接續昨天在feed.js中增加的code： if('servic...
