web模塊化開發(fā) webpack和gulp的區(qū)別?
webpack和gulp的區(qū)別?吞咽應(yīng)該與咕嚕聲相比較。我不談他們之間的區(qū)別。我們來談?wù)勊挠猛尽ulp/grunt是一個(gè)優(yōu)化前端工作流的工具。例如,自動刷新頁面、組合、壓縮CSS、JS、編譯les
webpack和gulp的區(qū)別?
吞咽應(yīng)該與咕嚕聲相比較。我不談他們之間的區(qū)別。我們來談?wù)勊挠猛?。Gulp/grunt是一個(gè)優(yōu)化前端工作流的工具。例如,自動刷新頁面、組合、壓縮CSS、JS、編譯less等等。簡而言之,就是使用gulp/grunt,然后配置您需要的插件,這樣您就可以讓它手動完成您需要做的事情。當(dāng)涉及到browse/webpack時(shí),也涉及到seajs/requirejs。這四個(gè)是JS模塊化解決方案。Seajs/require是一種類型,browse/webpack是另一種類型。Seajs/require:是一個(gè)在線“編譯”模塊解決方案,相當(dāng)于在頁面上加載CMD/AMD解釋器。這樣,瀏覽器就可以了解define、exports和module。實(shí)現(xiàn)了模塊化。Browserify/webpack:是一種預(yù)編譯模塊方案,比上述方案更智能。我沒用過browserify。這里我們以webpack為例。首先,它是預(yù)編譯的,不需要在瀏覽器中加載解釋器。另外,您可以直接在本地編寫JS。無論是amd/CMD/ES6風(fēng)格的模塊化,它都能識別并編譯成瀏覽器能識別的JS。這樣一來,gulp就是一個(gè)工具,而webpack等都是模塊化的解決方案。Gulp還可以為seajs、requirejs甚至webpack配置插件。
webpack生成bundle.js文件為什么那么大,會影響加載速度嗎?
當(dāng)然,它會比較大,因?yàn)椴粌H打包了您開發(fā)的JavaScript文件,而且打包了依賴項(xiàng)(即那些第三方庫文件),這確實(shí)是比較大的。webpack具有解決依賴關(guān)系、多模塊標(biāo)準(zhǔn)支持、多功能插件支持等優(yōu)點(diǎn)。與這些軟件工程中迫切需要解決的問題相比,“大”可以通過其他途徑來解決。例如,uglify可以在很大程度上壓縮源代碼并減少其體積?;蛘咄ㄟ^nginx_uucomp_uu2;的gzip,level選項(xiàng)可以設(shè)置從1到9的不同壓縮級別,以降低網(wǎng)絡(luò)傳輸壓力。兩者混用的效果非常好,也是最常見、最有效的方法反應(yīng).js經(jīng)過uglify,源文件不到200K,如果用nginx壓縮,用戶可以用40K下載,在今天的網(wǎng)絡(luò)環(huán)境下,除非你有準(zhǔn)確的測試結(jié)果,一開始確實(shí)不需要考慮文件大小。我們不再是那個(gè)時(shí)代了
其實(shí)很多人在實(shí)際工作中都會遇到類似的情況,你不必太緊張。你越緊張,你就越不知道怎么做。我們首先要做的是分析我們所缺乏的,我們需要學(xué)習(xí)的知識,特別是這個(gè)項(xiàng)目急需的一些技術(shù)知識。!只要你能掌握好這一點(diǎn),你就可以很容易地從你現(xiàn)有的基礎(chǔ)上學(xué)習(xí)一些新的編程知識,所以你不應(yīng)該過于慌張和努力學(xué)習(xí)。
以下是您的一些建議供您參考。
1. 你需要有自己的分析,并找到一些相關(guān)的課程材料學(xué)習(xí)?,F(xiàn)在網(wǎng)上有很多免費(fèi)的資料。只要你尋找它們,你就會找到它們。
2. 就是分析你的項(xiàng)目生產(chǎn)順序,總結(jié)每個(gè)環(huán)節(jié)需要掌握的技術(shù),提前學(xué)習(xí)掌握,這樣問題就相對少了。
3. 一定要去努力學(xué)習(xí),盡量安排時(shí)間,這樣才能學(xué)得快。
當(dāng)然,另一個(gè)好方法是,你可以找到一個(gè)項(xiàng)目領(lǐng)域類似于你目前的項(xiàng)目和實(shí)踐,同時(shí)學(xué)習(xí)。這樣,你可以通過實(shí)際操作學(xué)得更快。
在工作中,一定要不斷提高自己,才能進(jìn)行長遠(yuǎn)的發(fā)展。只要領(lǐng)導(dǎo)看到你的努力和進(jìn)步,我相信在大多數(shù)情況下,他們不會放過你。
學(xué)前端有什么好方法,怎么才能更快學(xué)會前端?
現(xiàn)在是互聯(lián)網(wǎng)時(shí)代,前端就業(yè)前景廣闊,學(xué)習(xí)前端肯定有前途。為了給孩子們樹立榜樣,我還從HTML5CSS3開始學(xué)習(xí)前端知識。