緩存的概念
緩存這個東西真的是無處不在， 有瀏覽器端的緩存， 有伺服器端的緩存，有代理伺服器的緩存， 有ASP.NET頁面緩存，對象緩存。 資料庫也有緩存， 等等。
http中具有緩存功能的是瀏覽器緩存，以及緩存代理伺服器。
http緩存的是指:當Web請求抵達緩存時， 如果本地有「已緩存的」副本，就可以從本地存儲設備而不是從原始伺服器中提取這個文檔。
緩存的好處
緩存的好處是顯而易見的， 好處有，
1. 減少了冗餘的數據傳輸，節省了網費。
2. 減少了伺服器的負擔， 大大提高了網站的性能
3. 加快了客戶端載入網頁的速度
Fiddler可以方便地查看緩存的header
Fiddler中把header都分門別類的放在一起，這樣方便查看。
HTTP緩存是如何實現
如何判斷緩存新鮮度
Web伺服器通過2種方式來判斷瀏覽器緩存是否是最新的。
第一種， 瀏覽器把緩存文件的最後修改時間通過 header 」If-Modified-Since「來告訴Web伺服器。
第二種， 瀏覽器把緩存文件的ETag, 通過header "If-None-Match", 來告訴Web伺服器。
通過最後修改時間, 來判斷緩存新鮮度
1. 瀏覽器客戶端想請求一個文檔， 首先檢查本地緩存，發現存在這個文檔的緩存， 獲取緩存中文檔的最後修改時間，通過： If-Modified-Since， 發送Request給Web伺服器。
2. Web伺服器收到Request，將伺服器的文檔修改時間（Last-Modified）: 跟request header 中的，If-Modified-Since相比較， 如果時間是一樣的， 說明緩存還是最新的， Web伺服器將發送304 Not Modified給瀏覽器客戶端， 告訴客戶端直接使用緩存里的版本。
⑵ 能用JS或者前端的什麼方法實現清除瀏覽器緩存嗎
可以用JS實現清除瀏覽器緩存，解決方法如下：
1、在靜態頁面也就是以.html，.jsp，.aspx，.php結尾的文件中在<dead></head>中加入以下代碼。
注意事項：
JavaScriptJavaScript基於對象和事件驅動並具有相對安全性的客戶端腳本語言。也是一種廣泛用於客戶端Web開發的腳本語言，常用來給HTML網頁添加動態功能，比如響應用戶的各種操作。
⑶ 怎麼在前端頁面設置不讓瀏覽器緩存
你好
HTTP1.0中通過Pragma控制頁面緩存，可以設置：Pragma或no-cache。網上有非常多的文章說明如何控制不讓瀏覽器或中間緩存伺服器緩存頁面，通常設置的值為no- cache，不過這個值不這么保險，通常還加上Expires置為0來達到目的。但是如我們刻意需要瀏覽器或緩存伺服器緩存住我們的頁面這個值則要設置為 Pragma。
HTTP1.1中啟用Cache-Control來控制頁面的緩存與否，這里介紹幾個常用的參數：
no-cache，瀏覽器和緩存伺服器都不應該緩存頁面信息；
public，瀏覽器和緩存伺服器都可以緩存頁面信息；
no-store，請求和響應的信息都不應該被存儲在對方的磁碟系統中；
must-revalidate，對於客戶機的每次請求，代理伺服器必須想伺服器驗證緩存是否過時；
Last-Modified只頁面的最後生成時間，GMT格式；
Expires過時期限值，GMT格式，指瀏覽器或緩存伺服器在該時間點後必須從真正的伺服器中獲取新的頁面信息；
上面兩個值在JSP中設置值為字元型的GMT格式，無法生效，設置long類型才
滿意請採納
⑷ web前端怎麼用代碼實現緩存優化
有以下集中方法
方法一：針對瀏覽器設置過期時間，在這個時間內的請求都會先請求本地緩存的文件和數據。另外jquery的ajax請求方式可以設置是否緩存，可以充分利用該選項。
方法二：js請求限制，可以設計成多少秒以內都不響應響應的操作，過期後的操作才會有效。點擊後僅返回一個模擬的結果。
方法三：ajax做dom緩存策略，比如在頁面放一個不可見的textarea,請求過來的數據同時寫入textarea的value，並且在一定時間內（可設置）的請求只去讀取textarea的內容，並將結果展示到頁面上。
⑸ 前端開發怎麼設置關閉當前頁面刪除h5緩存記錄
今天在工作中遇到一個問題， 我設置了語言切換，修改了語言設置參數，當我返回之前頁面時，我的語言切換沒有生效，因為以前的頁面是從緩存中打開的。不會去執行頁面中的JS 代碼，所以不會去更新頁面的語言，需要關機再重啟才會更新語言。
解決辦法。
mui.plusReady(function() {
var views = plus.webview.all();
for(var i = 0; i < views.length - 1; i++) {
plus.webview.close(views[i].id);
}）
plus.open('index.html')
之所以要用length-1因為如果全部關閉。程序將會退出。
⑹ 關於前端緩存優化，為什麼沒人用manifest
簡單來說，不好用
來分析下manifest的優缺點
優點
可以離線運行
可以減少資源請求
可以更新資源
缺點
更新的資源，需要二次刷新才會被頁面採用
不支持增量更新，只有manifest發生變化，所有資源全部重新下載一次
缺乏足夠容錯機制，當清單中任意資源文件出現載入異常，都會導致整個manifest策略運行異常
全量載入和二次刷新這兩個缺點就已經夠嚴重了。
我們再來看看其優點是不是真的那麼好用。
1.離線運行
對於普通頁面來說，離線運行沒什麼用；
對於webapp來說，這個特性還不錯；
對於hybird app來說，也沒什麼用。
2.減少資源請求
HTTP協議的Cache-Control和Expires就也能在緩存有效期內，不再發送資源請求
3.可以更新資源
manifest是文件被更新後，全量更新緩存。
而改用HTTP協議的緩存方案，只需要對資源文件引用的URL做少許變動即可刷新緩存，例如補個時間戳參數
⑺ web前端網站性能優化怎麼瀏覽器緩存
頁面用html5語言編寫或者頁面上所有的的比例都用百分比來表示，不管是手機端還是pc端瀏覽效果一樣。app和瀏覽器訪問的不同是頁面表現形式，對於後台java
web沒有什麼要求，只要頁面要什麼數據，java
web能查出來傳到頁面和app就可以了。
⑻ 前端緩存是否載入完成後才能進行搜索
可以的，看你搜索框對應的JS是否先執行，如果先執行，就可以直接搜索，不用等到整個頁面都載入完再進行操作
⑼ 前端下拉項緩存用戶自定義和關聯後的信息
下拉數據的結構設計直接影響取值和級聯效果的開發難以程度。
下拉數據的結構設計直接影響取值和級聯效果的開發難以程度。非常重要。下拉的數據最合理的結構之一如下：[{id，」真實值」，name，」顯示值」}，{id，」真實值」，name，」顯示值」}，...]比如[{id，」A」，name，」北京分公司」}。
查詢出數據，進行數據結構調整。—service層將數據進一步區分，放到公共的緩存HashMap中—cache層，相當於service層用戶登錄成功，創建session，並把公共的緩存setAttribute進session中。到載入菜單頁面的公共頁面取出緩存數據，並轉數據類型為json在單獨一個js中對json緩存數據進行按key區分，取出數據封裝下拉框公共方法在各個子頁面引入公共方法和公共頁面，展示出數據。
⑽ 前端怎麼解決js css 緩存問題
將路徑 變成活的或者加隨機數
例如：
link href="/css/styles.css?v=隨機數" type="text/css"
link href="日期/css/styles.css?v=1234" type="text/css"