技術 [Day11] Service Worker進階Caching實作(Part1)

如果今天用戶沒有拜訪過某個頁面(舉例來說我的PWA中help.html)，那麼在網路離線時，我們之前所做的dynamic caching是無法fetch到這個資...

技術 [Day10] 在Service Worker中實作Caching(Part3)

來開始實作Dynamic Caching吧 到目前為止，我們已經在在install階段中實現了pre-cache靜態資源，現在讓我們也來實作Dynamic C...

技術 [Day09] 在Service Worker中實作Caching(Part2)

接續昨天的進度，我們已經pre-cache app.js這個檔案了，但是我們監聽fetch event時還時直接回應從網路fetch回來的結果，沒有從cache...

技術 [Day08] 在Service Worker中實作Caching(Part1)

為什麼我們的PWA需要Caching？ 這邊我舉幾個實際可能發生的例子： 想一想如果今天我們的網站有大量用戶湧入時。用戶可能會在「網路連線不良」的情形下，仍然...

技術 [Day07] 複習一下Jacvascript中的 Promise 和 Fetch(Part2)

Fetch API是目前較新版本的瀏覽器都有支援的javascript function，它允許我們透過HTTP Request來獲取外部資源，這其實跟Ajax...

技術 [Day06] 複習一下Jacvascript中的 Promise 和 Fetch(Part1)

在Service Woker中會用到大量的promise和Fetch API，所以這邊先來好好複習一下 JavaScript程式語言在設計時，需考量非同步、單...

技術 [Day05] Service Worker の 基礎介紹(Part2)

來看看Service Worker怎麼監聽事件 我們可以在sw.js file裡，開始監聽一些比較基本的事件。 // 當service worker在「安裝階段...

技術 [Day04] Service Worker の 基礎介紹(Part1)

什麼是Service Worker？ 從一般普通的Javascript開始說，Javascript是在single thread上運行。這意味著，如果我們訪問一...

技術 [Day03] 再探Web App Manifest

現在我們可以在android模擬器上的chrome瀏覽器測試一下我們的網站，記得按下Add to home screen加入到手機螢幕上，可以發現我們在Mani...

技術 [Day02] 初探Web App Manifest

什麼是Web App Manifest？ Web App Manifest就是一個json文件，當browser載入文件後，可以幫助我們安裝Web到手機的螢幕上...

達標好文 技術 [Day01] 什麼是漸進式網頁應用(Progressive Web Application)

那個..到底什麼是漸進式網頁(PWA)？ 或許你可能已經有聽過這個名詞，但是很難去說出它真正的含意 QQ 其實我們一般會認為漸進式網頁應(PWA)只是一個術語，...

技術 [Day 1] 介紹與前言

前言 為何會投入這個肯呢？原因是我本是學前端的部分，但我覺得前端做了一陣子了想碰碰些新的東西，以前有試著嘗試過React-Native，當時因為一些原因而放棄了...

活動 Best Mobile Web Application Development Companies In India

Web Application is software which runs on a web browser. Perhaps this is just th...