webpack引入外部js webpack生成bundle.js文件為什么那么大,會(huì)影響加載速度嗎?
webpack生成bundle.js文件為什么那么大,會(huì)影響加載速度嗎?當(dāng)然,它會(huì)比較大,因?yàn)椴粌H打包了您開(kāi)發(fā)的JavaScript文件,而且打包了依賴(lài)項(xiàng)(即那些第三方庫(kù)文件),這確實(shí)是比較大的。we
webpack生成bundle.js文件為什么那么大,會(huì)影響加載速度嗎?
當(dāng)然,它會(huì)比較大,因?yàn)椴粌H打包了您開(kāi)發(fā)的JavaScript文件,而且打包了依賴(lài)項(xiàng)(即那些第三方庫(kù)文件),這確實(shí)是比較大的。webpack具有解決依賴(lài)關(guān)系、多模塊標(biāo)準(zhǔn)支持、多功能插件支持等優(yōu)點(diǎn)。與這些軟件工程中迫切需要解決的問(wèn)題相比,“大”可以通過(guò)其他途徑來(lái)解決。例如,uglify可以在很大程度上壓縮源代碼并減少其體積。或者通過(guò)nginx_uucomp_uu2;的gzip,level選項(xiàng)可以設(shè)置從1到9的不同壓縮級(jí)別,以降低網(wǎng)絡(luò)傳輸壓力。兩者混用的效果非常好,也是最常見(jiàn)、最有效的方法反應(yīng).js經(jīng)過(guò)uglify,源文件不到200K,如果用nginx壓縮,用戶(hù)可以用40K下載,在今天的網(wǎng)絡(luò)環(huán)境下,除非你有準(zhǔn)確的測(cè)試結(jié)果,一開(kāi)始就不需要考慮文件大小的問(wèn)題。我們不再是那個(gè)時(shí)代了
javascript在前端開(kāi)發(fā)中非常重要。但很多人都是自學(xué)前端,都死在JavaScript部分。
這是一個(gè)很好的問(wèn)題,因?yàn)槿绻悴荒芟到y(tǒng)地學(xué)習(xí),很難掌握好它。說(shuō)白了,方法是錯(cuò)誤的,努力是徒勞的。
JavaScript是一種基于對(duì)象的編程語(yǔ)言。目前,市場(chǎng)上有很多應(yīng)用。
數(shù)據(jù)類(lèi)型、選擇結(jié)構(gòu)、循環(huán)結(jié)構(gòu)、關(guān)鍵字、函數(shù)、語(yǔ)法規(guī)范。就像學(xué)說(shuō)話(huà)一樣。先學(xué)拼音。
第2步:Dom和BOM
學(xué)習(xí)操作頁(yè)面元素,完成基本網(wǎng)頁(yè)特效的開(kāi)發(fā)
第3步:JSON
JSON數(shù)據(jù)是交互中使用的基本數(shù)據(jù)方法,需要理解
第4步:ES6
es678還可以,主要學(xué)習(xí)箭頭函數(shù)、承諾、異步/等待和解構(gòu)學(xué)好原生JS,能夠結(jié)合HTML和CSS完成以下基本的前端開(kāi)發(fā):
構(gòu)建靜態(tài)站點(diǎn)
構(gòu)建UI布局(獲取設(shè)計(jì)可以使用HTML/CSS還原)
添加一些交互功能
部署和維護(hù)網(wǎng)站
可以算是初學(xué)者
如果你想了解更多的前端開(kāi)發(fā)內(nèi)容,大家可以關(guān)注一下我,平時(shí)我會(huì)把很多前端行業(yè)的經(jīng)驗(yàn)更新和干貨拿出來(lái),希望對(duì)大家的學(xué)習(xí)有幫助