web cache & web storage all in one

web cache & web storage all in one

web cache in action

web cache best practices

web storage in action

web storage best practices

cache

1. HTTP cache

momoery cache / disk cache

2. Application cache

manifest.json

cookies

https://developers.google.com/web/tools/chrome-devtools/storage/cookies

document.cookie;

sessionStorage

https://developers.google.com/web/tools/chrome-devtools/storage/sessionstorage

sessionStorage;

localStorage

https://developers.google.com/web/tools/chrome-devtools/storage/localstorage

localStorage;

IndexedDB

https://developers.google.com/web/tools/chrome-devtools/storage/indexeddb

cache

https://developers.google.com/web/tools/chrome-devtools/storage/cache

background services

https://developers.google.com/web/tools/chrome-devtools/javascript/background-services

Background Fetch

Background Sync

Notifications

Push Messages

---

out-of-date

WebSQL (停止维护)

https://developers.google.com/web/tools/chrome-devtools/storage/websql

Application Cache (已废弃)

https://developers.google.com/web/tools/chrome-devtools/storage/applicationcache

https://developer.mozilla.org/en-US/docs/Web/API/Window/applicationCache

---

PWA

https://developers.google.com/web/tools/chrome-devtools/progressive-web-apps

Sevice Workers

https://developers.google.com/web/fundamentals/primers/service-workers

https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API

https://developers.google.com/web/fundamentals/push-notifications

https://developers.google.com/web/updates/2015/12/background-sync

Push API

Notification API

---

xgqfrms 2012-2020

www.cnblogs.com 发布文章使用：只允许注册用户才可以访问！

---