1.把前端最常用的資源css、js存在本地
1.1 前端快取技術sessionstorage
優點：臨時儲存神器，關閉頁面標籤自動**，不可以跨頁面互動。
取值的時候有兩種方法，一種是用sessionstorage.getitem("鍵名")，一種是直接取物件的方法（sessionstorage.鍵名）
注意：（1）取值的時候要判斷是否是undefined或者是null。
（2）頁面重新整理時不會清楚。同乙個瀏覽器裡，不同的頁面標籤內容是不共享的（比如乙個頁面存入本地沒有關閉，同乙個瀏覽器開啟相同的頁面鏈結資料時讀取不到的），這是sessionstorage本身的特點。
1.2 userdata 是為ie服務的
優點：第乙個吃螃蟹的人，也得感謝第乙個被吃的螃蟹
缺點：儲存限制大小，單個檔案的大小限制是128k，乙個網域名稱下總共可以儲存1024kb的檔案，檔案個數應該沒有限制。在受限站點裡這兩個值分別是64k和640kb.
1.3 cookie 相容性最好的本地儲存
優點：相容性最好，幾乎所有瀏覽器都支援
缺點：大小有限制，而且每次傳送請求，請求頭里會帶著cookie一起發過去，現在大多數登入的合法性驗證都是用cookie驗證的。
1.4 opendatabase 沒有他做不了的，但是對資料庫知識有要求
優點：就是乙個完成的資料庫
缺點：可能對於前端來說，成本高
1.5 localstorage
優點：相容性中等，操作簡單，就是key-value形似，幾乎現代的瀏覽器都支援。
缺點：存在大小限制，ie9、ie10不支援
注意：不同瀏覽器讀取不到資料（先是用的火狐瀏覽器，後來換成谷歌瀏覽器，是讀取不到資料的）；不同瀏覽器的儲存大小是不一樣的，就是乙個界值。
前端效能優化 快取優化
控制瀏覽器強快取主要靠兩個響應頭部欄位來實現 expires和cache control，瀏覽器在訪問靜態資源時，會首先判斷該資源是否做了強快取。如果發現是強快取並且快取還在有效期內，那就不會去傳送http請求，而直接使用本地的快取 這個快取可能來自於記憶體，也可能來自本地磁碟空間 其中expire...
web前端效能優化 快取
雅虎的16條優化準則，作為前端開發工程師，都是耳熟能詳，信手拈來。但很多時候也能難完全的做得到，一些準則跟工程原則是衝突的，難以落實起來。js檔案放尾部，css檔案放頭部等，這些基本的優化點還是可以做到，但是有時候遇到網速慢的情況，會出現一段時間的白屏，從使用者體驗的角度來說，還是有提公升的空間。根...
前端效能優化之 快取
一.http協議頭控制 cache control用於控制檔案在本地快取有效時長。最常見的，比如伺服器回包 cache control max age 600表示檔案在本地應該快取，且有效時長是600秒 從發出請求算起 在接下來600秒內，如果有請求這個資源，瀏覽器不會發出http請求，而是直接使用...