目錄
客戶端存儲(chǔ)的說明
HTML5存儲(chǔ)的說明
四種傳統(tǒng)的存儲(chǔ)方法
四種傳統(tǒng)的存儲(chǔ)方法
- cache（緩存）
- 數(shù)據(jù)庫
- 磁盤文件
- 內(nèi)存
注意：
- 內(nèi)存——頻繁的去使用去讀取的放在內(nèi)存
- nodejs+mogoDB 數(shù)據(jù)庫存儲(chǔ) 也經(jīng)常用到
cookies
cookies
- http請(qǐng)求頭 會(huì)顯得臃腫 而且效率相對(duì)較低
- 4kb的大小 能存儲(chǔ)的比較有限
- 主Domain污染 反問記錄或者h(yuǎn)ttp請(qǐng)求的時(shí)候，會(huì)帶著主域名的東西，這樣隨意去存取得話，會(huì)造成主域名的污染
主域名的cookies會(huì)被追加到子域名的cookies里面，造成多極域名的cookies會(huì)變得很臃腫
舉例：百度首頁
HTML5的存儲(chǔ)
H5的存儲(chǔ)要解決的問題
1.HTML5本地存儲(chǔ)------localstorage
- localstorage 不刪除就永不消失
- sessionstorage 重新打開頁面或者關(guān)閉瀏覽器就消失了
localStorage瀏覽器支持情況
localStorageAPI使用方法
localStorage能存儲(chǔ)的東西
localStorage一個(gè)存儲(chǔ)圖片的例子
localStorage注意事項(xiàng)
localStorage使用限制
localStorage過期控制的一個(gè)例子
過期控制使用場(chǎng)景
localStorage本地存儲(chǔ)與網(wǎng)絡(luò)拉取的對(duì)比
2.IndexedDB
IndexedDB瀏覽器支持
- w3c已不再維護(hù)Web SQL.
- IndexedDB在移動(dòng)端支持的不是太好。
IndexedDB存儲(chǔ)結(jié)構(gòu)
IndexedDB的實(shí)際操作
3.離線緩存
離線緩存的概念
離線緩存的原理
離線緩存的瀏覽器支持情況
離線緩存的使用方法
離線緩存中manifest的注意事項(xiàng)，優(yōu)缺點(diǎn)以及試用場(chǎng)景
注意事項(xiàng)：
優(yōu)點(diǎn)：
缺點(diǎn)：
試用場(chǎng)景：
一些非主流的存儲(chǔ)方式
userData:
goohle Gears
總結(jié)：
HTML5應(yīng)用緩存和Web Works
應(yīng)用緩存
