- css樣式表
- js文件
簡介技術選型
- 發(fā)現(xiàn)問題
- 業(yè)內(nèi)有什么通用方案
- 方案是否解決了我們的問題
- 需要我們自己寫方案么
- 我們的方案需要別人的輪子媽
- 我們要造輪子么
sessionStorage（前端緩存技術）
- sessionstorage
- userData(為IE服務，有大小限制，出現(xiàn)很早淆衷，和受限制不受限制有關)
- cookie(每一次發(fā)送請求都會發(fā)給瀏覽器剩蟀，cookie都會被帶過去哼拔。)
- openDateBase(相當于一個完整的數(shù)據(jù)庫映皆，創(chuàng)建數(shù)據(jù)庫链快，對表進行增刪改查，條件查詢侨舆，索引)
- localstorage
sessionstorage(臨時存儲神器)
- 優(yōu)點：關閉頁面標簽自動回收秒紧，不可以跨頁面交互，注意做取值判斷的時候挨下，getitem和直接取對象的方式返回值是不一樣的熔恢，一定要判斷null和undefined，否則的話會有漏洞
Paste_Image.png
- 在同一個瀏覽器里臭笆，不同的兩個標簽打開同一個頁面叙淌，sessionstrorage是不能共享的
Paste_Image.png
Paste_Image.png
- 缺點 因為是臨時，所以不能永久存儲持久化的東西
userdata
存儲限制太小愁铺，單個文件128kb鹰霍，一個域名下可以保存1024kb，文件個數(shù)沒有限制茵乱。在受限站點里分別是64kb和640kb
cookie兼容性最好的本地存儲
- 優(yōu)點：兼容性最好茂洒，幾乎所有瀏覽器都支持
- 缺點：大小有限制株搔，而且每次發(fā)送請求车酣，請求頭里會帶著cookie一起發(fā)過去，現(xiàn)在基本大多數(shù)登錄的合法驗證都是用cookie驗證的扳抽。
openDatabase沒有他做不了的
優(yōu)點：就是一個完整的數(shù)據(jù)庫
缺點：可能對于前端同學來說斤贰，成本太高
localstorage 主角
- 優(yōu)點：兼容性中等智哀，操作簡單，就是key-value形式腋舌，幾乎現(xiàn)代的瀏覽器斗支持
- 缺點: 存在大小限制盏触，IE9/IE10不支持。
提取資源
提取用戶第一時間看到的块饺，提取頁面第一時間執(zhí)行的
- 初始化數(shù)據(jù)的js,或者其他文件以來的庫
2.用戶進入頁面需要看到頁面的結構赞辩，不希望有白屏。
