『壹』 webpack生成bundle.js文件為什麼那麼大，會影響載入速度嗎
當然會比較大，因為不光打包了自己開發的JavaScript文件，還把依賴(就是那些第三方的庫文件)也都打包進去了，確實會比較大。
webpack的好處有幾項
解決依賴關系
多模塊化標准支持
多功能插件支持
相比這些在軟體工程中急需解決的問題，「大」這個小事兒可以通過其他方式解決。
譬如，
uglify，可以很大程度上壓縮源代碼，使之體積減小。
或者通過nginx的gzip_comp_level選項可以設置1 ~ 9不同的壓縮級別，以降低網路傳輸壓力。
兩者混用效果奇佳，而且也是最常見最有效的方式
例如React.js的源文件有610k左右，uglify之後已經不到200k了，再通過nginx壓縮一把，用戶在瀏覽器下載時，只有40k左右了。
以當今的網路環境，除非自己有精確測試結果，否則真心沒必要一開始就考慮什麼文件大小的問題，咱們已經不是那個時代了
不能，只能清理自己域名下的少量數據，通過設置文件過期、JS刪除cookie等清除。否則你的網站就可以清除其他網站類似「下次自動登錄」的緩存數據，影響其他站點的正常使用。
『叄』 js緩存問題怎麼解決
面對的緩存問題有兩個：一是頁面引入的JS文件緩存。二是JS請求後台的緩存。對於第一種情況，有兩種處理方式：
1、可以在頁面引入的JS文件後面增加日趨，如果不經常改動的文件，可以在每次改動後修改後綴。
2、對於第二種情況，一般的處理方式是在請求的路徑後面加上毫秒值，這樣每次請求的路徑都不一樣，但是對於後台來說都是一樣的，用來欺騙瀏覽器，進行實時請求，不調用瀏覽器緩存。
『肆』 JS 文件從本地緩存載入，減輕服務端訪問負擔問題
個人認為如果它已經被瀏覽器下載到緩存,而且尚未過期,那麼瀏覽器會優先使用緩存的,雖然瀏覽器也會向伺服器發送文件請求,但如果請求的文件自上次被下載以來沒有變更過,實際是不會重復下載的,伺服器會返回一個信號,通知瀏覽器直接使用緩存中的文件,即可起加速作用,又可節省帶寬.
如果沒有人為干預,瀏覽器和伺服器通常可以自動完成上述過程,不用特別的設計.
『伍』 javascript腳本緩存怎麼解決
禁用客戶端緩存
HTM網頁
<META HTTP-EQUIV="pragma"
CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control"
CONTENT="no-cache, must-revalidate">
<META
HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57
GMT">
ASP網頁
<%
Response.Expires =
-1
Response.ExpiresAbsolute = Now() - 1
Response.cachecontrol = "no-cache"
%>
PHP網頁
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
header("Cache-Control: no-cache, must-revalidate");
header("Pragma: no-cache");
JSP
response.setHeader("Pragma","No-Cache");
response.setHeader("Cache-Control","No-Cache");
response.setDateHeader("Expires", 0);
C#中禁止cache的方法！
Response.Buffer=true;
Response.ExpiresAbsolute=System.DateTime.Now.AddSeconds(-1);
Response.Expires=0;
Response.CacheControl="no-cache";
加入
<MEAT HTTP-EQUIV="Pragma"
CONTENT="no-cache">
不緩存。
一、Expires(期限)
說明：可以用於設定網頁的到期時間。一旦網頁過期，必須到伺服器上重新調閱。
用法：＜META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997
08:21:57 GMT"＞
注意：必須使用GMT的時間格式。
二、Pragma(cache模式)
說明：禁止瀏覽器從本地機的緩存中調閱頁面內容。
用法：＜META
HTTP-EQUIV="Pragma" CONTENT="no-cache"＞
注意：這樣設定，訪問者將無法離線瀏覽。
三、腳本實現
<%
response.expires = 0
response.expiresabsolute = now()
- 1
response.addHeader "pragma","no-cache"
response.addHeader "cache-control","private"
Response.cachecontrol = "no-cache"
%>
IE瀏覽器訪問一個網頁的時候，首先會到臨時文件夾中去尋找和這個網頁相關的各個文件（如各種圖片）。如果在臨時文件夾中找到了一些文件，那麼瀏覽器就會使用這些臨時文件夾中的文件，而不去伺服器下載這些文件。
不幸的是，我的伺服器上的文件是經常變化的，如果IE優先考慮臨時文件夾中的文件，那麼就不能反映出我伺服器上的變化。
現在有兩個解決辦法，但都有缺陷：
一是使用網頁的自刷新，但是刷新速度快的話會有閃爍，不符合我其他方面的要求。
二是在IE設置中設成「每次訪問此頁時檢查」。此時IE不考慮臨時文件夾中的內容，直接從服務下載各個文件。但是這種辦法需要用戶進行設置，對用戶來說有點麻煩。而且這樣的設置會影響用戶訪問其他網站的速度。
『陸』 怎麼清楚angular的js文件緩存
1如果用AngularJs在IE下發出GET請求從後台服務取完Json數據再綁定到頁面上顯示的話，你可能會發現就算數據更新了，IE還是會顯示原來的結果。實際上這時候IE的確是緩存了hashtag，沒有再次去做Http GET請求最新的數據。
2最直接的辦法是在後台擼掉OutputCache，但這種做法並不推薦，需要改每一處被Angular調用的地方，代價太大。這種問題應該在前端解決最好。研究了一會兒總結了最有效的解決方法，並不需要改後台代碼了。
『柒』 js 什麼緩存不會被app清除緩存丟失數據
js緩存不會被app清除緩存丟失數據：把瀏覽器的console打開，然後看下你瀏覽器上面的js代碼和你環境裡面寫的代碼是不是一樣的，如果是一樣的那就說明沒有緩存的，如果瀏覽器裡面的代碼是以前的版本。
如果每次請求的地址是相同的，瀏覽器就不會去連接伺服器而是去讀取緩存，這樣對於很多應用來時是非常好的，可以降低伺服器的壓力或者減少帶寬的使用。
運行模式：
已經被廣泛用於Web應用開發,常用來為網頁添加各式各樣的動態功能,為用戶提供更流暢美觀的瀏覽效果。通常JavaScript腳本是通過嵌入在HTML中來實現自身的功能的。
是一種解釋性腳本語言（代碼不進行預編譯）。
主要用來向HTML（標准通用標記語言下的一個應用）頁面添加交互行為。
可以直接嵌入HTML頁面，但寫成單獨的js文件有利於結構和行為的分離。
跨平台特性，在絕大多數瀏覽器的支持下，可以在多種平台下運行（如Windows、Linux、Mac、Android、iOS等）。
『捌』 js如何獲取緩存
1、創建一個cache.js文件,前端頁面，定義那些數據需要一次性拿到前端緩存，定義一個對象來保存這些數據。
『玖』 如何清除在瀏覽器 中的js緩存文件
關於瀏覽器緩存
瀏覽器緩存，有時候我們需要他，因為他可以提高網站性能和瀏覽器速度，提高網站性能。但是有時候我們又不得不清除緩存，因為緩存可能誤事，出現一些錯誤的數據。像股票類網站實時更新等，這樣的網站是不要緩存的，像有的網站很少更新，有緩存還是比較好的。今天主要介紹清除緩存的幾種方法。
清理網站緩存的幾種方法
meta方法
?
1
2
3
4
//不緩存
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="0">
清理form表單的臨時緩存
<body onLoad="javascript:document.yourFormName.reset()">
其實form表單的緩存對於我們書寫還是有幫助的，一般情況不建議清理，但是有時候為了安全問題等，需要清理一下！
jquery ajax清除瀏覽器緩存
方式一：用ajax請求伺服器最新文件，並加上請求頭If-Modified-Since和Cache-Control,如下:
?
1
2
3
4
5
6
7
8
9
10
11
12
13
$.ajax({
url:'www.haorooms.com',
dataType:'json',
data:{},
beforeSend :function(xmlHttp){
xmlHttp.setRequestHeader("If-Modified-Since","0");
xmlHttp.setRequestHeader("Cache-Control","no-cache");
},
success:function(response){
//操作
}
async:false
});
方法二，直接用cache:false,
?
1
2
3
4
5
6
7
8
9
10
11
$.ajax({
url:'www.haorooms.com',
dataType:'json',
data:{},
cache:false,
ifModified :true ,
success:function(response){
//操作
}
async:false
});
方法三：用隨機數，隨機數也是避免緩存的一種很不錯的方法！
URL 參數後加上 "?ran=" + Math.random(); //當然這里參數 ran可以任意取了
方法四：用隨機時間，和隨機數一樣。
在 URL 參數後加上 "?timestamp=" + new Date().getTime();
用php後端清理
在服務端加 header("Cache-Control: no-cache, must-revalidate");等等(如php中)
方法五：
window.location.replace("WebForm1.aspx");
參數就是你要覆蓋的頁面，replace的原理就是用當前頁面替換掉replace參數指定的頁面。
這樣可以防止用戶點擊back鍵。使用的是javascript腳本，舉例如下：
a.html
以下是引用片段：
?
1
2
3
4
5
6
7
8
9
10
11
12
13
<html>
<head>
<title>a</title>
<script language="javascript">
function jump(){
window.location.replace("b.html");
}
</script>
</head>
<body>
<a href="javascript:jump()" rel="external nofollow" rel="external nofollow" >b</a>
</body>
</html>
b.html
以下是引用片段：