我的這個示例也是在開發中遇到的，場景在web後台管理系統中。
系統中有一些配置資料在前端需要頻繁使用，所以做了乙個前端的快取。
這個配置資料在後台是放在redis中快取的，雖然前端請求對資料庫影響不大，但是頻繁對系統進行請求還是有些不妥。
大致邏輯：
1.後台快取放在redis中，配置資料有改動時，重新整理redis中的快取資料。
2.web使用者登入之後，載入快取，放在top視窗中的快取中。
var cache = null;$.ajax(
});
此時快取資料已經儲存到前端了。
這個時候iframe頁面也需要快取資料，而iframe頁面再次去請求後台快取資料就沒有任何意義了。
這個時候iframe頁面直接獲取top視窗中的快取資料就可以了。
//在父頁面中標識本頁面是父級頁面。表示快取資料在本頁面中。
var cachedata = true;
在子視窗中新增函式去獲取父級top視窗的快取資料。
因為子視窗中可能會巢狀多層。所以在函式中需要進行遞迴判斷。
functiongettopcache(w)
//判斷父級視窗中有沒有cachedata標識
if(!w["cachedata"])
//返回父級視窗中的cache
return w["cache"];
};
然後快取資料處理的公共函式根據業務需求進行定義就行了。
web前端快取
網上關於web快取的文章很多，今天彙總一下。一般針對靜態資源如css,js,等使用快取，原因如下 快取分為服務端側 server side，比如 nginx apache 和客戶端側 client side，比如 web browser 常用的服務端快取有cdn快取，客戶端快取就是指瀏覽器快取。瀏覽...
web前端 快取
快取優勢 提高訪問速度 節省頻寬 減輕伺服器壓力 增強使用者體驗 快取型別 服務端快取 資料庫快取 將查詢的資料放到記憶體 cdn快取 靜態資源快取 伺服器快取。瀏覽器快取 瀏覽器都實現了http快取 cookie，web storage html5快取 可配置需要快取的資源 網路無連線應用仍可用 ...
web前端效能優化 快取
雅虎的16條優化準則，作為前端開發工程師，都是耳熟能詳，信手拈來。但很多時候也能難完全的做得到，一些準則跟工程原則是衝突的，難以落實起來。js檔案放尾部，css檔案放頭部等，這些基本的優化點還是可以做到，但是有時候遇到網速慢的情況，會出現一段時間的白屏，從使用者體驗的角度來說，還是有提公升的空間。根...