最為常用的快取機制。相對後三項屬於瀏覽器核心內的模組(也是h5中定義的標準)，http cache早已存在於http模組中了。它是網路層對http協議實現中一部分。它基於對響應頭中的cache conrol資訊進行解析，執行新鮮度檢查、條件更新等操作來管理快取。快取的容量限制及淘汰、更新演算法在各個瀏覽器中實現都不相同，屬於瀏覽器及頁面開發優化的乙個重點。比如快取趙多的內容會使得網頁請求的數量更少，但是快取的內容達到一定量後，會導致查詢及i/o變慢，反而使得投入產出比下降。容量是基於儲存空間而定，不同的瀏覽器會有不同的最大值，而且不同的使用者在實際使用是對快取總量的依賴也不同。這些都是瀏覽器效能優化時考慮的內容。
詳細內容可以通過
>>了解。
應用於離線場景下可以讓使用者繼續使用頁面的場景，比如支援離線的遊戲、及office編輯應用等。 沒有明確的容量限制，webkit系列的瀏覽器會有每個網域名稱5mbytes的限制(預設而已，具體會有變化)。考慮到一些瀏覽器儲存時使用utf-16編碼，並不能真正達5mbytes。
>>。
>>。
, 使用相同的api, 只是兩者存在週期不同。前者可以一直儲存，沒有時間限制。後者則只存在於乙個會話期，使用者關閉瀏覽器後就會清除（除非瀏覽器支援重啟後恢復上次的會話）。
在儲存的api中，有不同的呼叫方式, 其效能是有差異的，並且不同的瀏覽器表現迥異：
可能的原因是相對大家都關注的js engine執行效能問題的逐步改善，dom的操作時間對效能的影響更大。下面的資料來自ie團隊針對使用較多ajax請求的頁面的統計:
web storage的最大問題在於儲存的同步問題，好在有一些js庫可以幫助改善這個問題。
JS頁面相關事件
頁面相關事件 onabort ie4 n3 o onbeforeunload ie4 n o 當前頁面的內容將要被改變時觸發的事件 onerror ie4 n3 o 捕抓當前頁面因為某種原因而出現的錯誤，如指令碼錯誤與外部資料引用的錯誤 onload ie3 n2 o3 頁面內空完成傳送到瀏覽器時觸...
對父頁面相關操作的介紹
當layer以iframe層的方式彈出新的視窗 子頁面 如何在子頁面中訪問父頁面的元素和函式。1 訪問父頁面元素值 var parentid parent.id val 訪問父頁面元素值 2 訪問父頁面方法 var parentmethodvalue parent.getmethodvalue 訪問...
Visual Event檢視頁面相關繫結事件
頁面相關繫結的事件比較複雜，在不熟悉的情況下很難找到相關邏輯的位置，所以希望借助工具來幫自己理清相關事件的脈絡走向。瀏覽器工具 visual event chrome 安裝visual event chrome外掛程式 1 開啟chrome extensions 擴充套件程式頁面 2 www.cnp...