鐵人檔案
近年來越來越企業開始將它們的網頁製作成漸進式網頁(Progressive Web Application)，像是Starbucks、Uber、Twitter和Pinterest等等，因為PWA提供使用者就算在行動裝置上也能瀏覽到接近原生APP的網頁。無論是操作行動裝置設備、效能或是使用者體驗，都感覺像是一個原生APP。那麼就讓我們開始在30天內開發一個「旅行日記」的漸進式網頁吧^ ^
那個..到底什麼是漸進式網頁(PWA)？ 或許你可能已經有聽過這個名詞，但是很難去說出它真正的含意 QQ 其實我們一般會認為漸進式網頁應(PWA)只是一個術語，...
什麼是Web App Manifest？ Web App Manifest就是一個json文件，當browser載入文件後，可以幫助我們安裝Web到手機的螢幕上...
現在我們可以在android模擬器上的chrome瀏覽器測試一下我們的網站，記得按下Add to home screen加入到手機螢幕上，可以發現我們在Mani...
什麼是Service Worker？ 從一般普通的Javascript開始說，Javascript是在single thread上運行。這意味著，如果我們訪問一...
來看看Service Worker怎麼監聽事件 我們可以在sw.js file裡，開始監聽一些比較基本的事件。 // 當service worker在「安裝階段...
在Service Woker中會用到大量的promise和Fetch API，所以這邊先來好好複習一下 JavaScript程式語言在設計時，需考量非同步、單...
Fetch API是目前較新版本的瀏覽器都有支援的javascript function，它允許我們透過HTTP Request來獲取外部資源，這其實跟Ajax...
為什麼我們的PWA需要Caching？ 這邊我舉幾個實際可能發生的例子： 想一想如果今天我們的網站有大量用戶湧入時。用戶可能會在「網路連線不良」的情形下，仍然...
接續昨天的進度，我們已經pre-cache app.js這個檔案了，但是我們監聽fetch event時還時直接回應從網路fetch回來的結果，沒有從cache...
來開始實作Dynamic Caching吧 到目前為止，我們已經在在install階段中實現了pre-cache靜態資源，現在讓我們也來實作Dynamic C...
