一、HTTP HTTP簡(jiǎn)介 ①HTTP協(xié)議是Hyper Text Transfer Protocol（超文本傳輸協(xié)議）的縮寫,是用于從萬維網(wǎng)（WWW:World Wide W...
發(fā)簡(jiǎn)信
IP屬地：甘肅
-
HTTP、TCP和Socket的概念和原理及其區(qū)別 -
webpack 多頁(yè)面打包配置(23)
獲取全套webpack 4.x教程，請(qǐng)?jiān)L問瓦力博客 之前的配置是單頁(yè)面應(yīng)用，就是只有一個(gè)html文件。多頁(yè)面應(yīng)用就是多個(gè)html文件。實(shí)現(xiàn)多頁(yè)面webpack配置基本思路就是...
-
webpack dll(22)
獲取全套webpack 4.x教程，請(qǐng)?jiān)L問瓦力博客 DLL(Dynamic Link Library)文件為動(dòng)態(tài)鏈接庫(kù)文件,在Windows中，許多應(yīng)用程序并不是一個(gè)完整的可...
-
webpack Library的打包(21)
獲取全套webpack 4.x教程，請(qǐng)?jiān)L問瓦力博客 我們之前開發(fā)的都是業(yè)務(wù)代碼，如果我們需要開發(fā)一些庫(kù)代碼給小伙伴們用或者給自己的團(tuán)隊(duì)用。那么如何使用webpack打包呢？這...
-
webpack 解析resolve(20)
獲取全套webpack 4.x教程，請(qǐng)?jiān)L問瓦力博客 resolve能設(shè)置模塊如何被解析。webpack 提供合理的默認(rèn)值，但是還是可能會(huì)修改一些解析的細(xì)節(jié)。 1.配置reso...
-
webpack Esline(19)
獲取全套webpack 4.x教程，請(qǐng)?jiān)L問瓦力博客 ESLint 是一個(gè)ECMAScript/JavaScript 語(yǔ)法規(guī)則和代碼風(fēng)格的檢查工具，它的目標(biāo)是保證代碼的一致性和...
-
webpack 環(huán)境變量(18)
獲取全套webpack 4.x教程，請(qǐng)?jiān)L問瓦力博客 小菜之前在webpack配置中區(qū)分開發(fā)環(huán)境和生產(chǎn)環(huán)境，但是在源代碼中還不能區(qū)分當(dāng)前是開發(fā)環(huán)境還是生產(chǎn)環(huán)境。我們可能會(huì)遇到這...
-
webpack shimming(17)
獲取全套webpack 4.x教程，請(qǐng)?jiān)L問瓦力博客 shimming簡(jiǎn)單翻譯是墊片。我們之前寫代碼會(huì)遇到向下面情況一樣，在一個(gè)文件中引入很多第三方庫(kù) 反正是引入很多第三方庫(kù)或...
-
webpack 瀏覽器緩存(16)
獲取全套webpack 4.x教程，請(qǐng)?jiān)L問瓦力博客 小菜之前寫過關(guān)于瀏覽器是如何緩存的nginx 緩存{:target="_blank"},感興趣的小伙伴們可以看看。在前面小...
-
webpack 樣式文件的代碼分割(15)
獲取全套webpack 4.x教程，請(qǐng)?jiān)L問瓦力博客 在上一小節(jié)，我們將開發(fā)環(huán)境和生產(chǎn)環(huán)境區(qū)分開來。這一小節(jié)，我們來操作如何將樣式文件的代碼分割。 MiniCssExtract...
-
webpack 模塊化區(qū)分開發(fā)和生產(chǎn)(14)
獲取全套webpack 4.x教程，請(qǐng)?jiān)L問瓦力博客 我們正常開發(fā)項(xiàng)目會(huì)有兩種模式，一種是開發(fā)模式，另一種是生產(chǎn)模式。在開發(fā)模式中，為了便于代碼調(diào)試方便我們快速定位錯(cuò)誤，不會(huì)壓...
-
webpack 打包分析,Preloading,Prefetching(13)
獲取全套webpack 4.x教程，請(qǐng)?jiān)L問瓦力博客 本小節(jié)主要給大家介紹如何提高代碼的性能?我們從打包工具入手，然后到預(yù)提模塊(Preloading)，預(yù)加載模塊(Prefe...
-
webpack 懶加載(12)
獲取全套webpack 4.x教程，請(qǐng)?jiān)L問瓦力博客 懶加載或者按需加載，是一種很好的優(yōu)化網(wǎng)頁(yè)或應(yīng)用的方式。這種方式實(shí)際上是先把你的代碼在一些邏輯斷點(diǎn)處分離開，然后在一些代碼塊...
-
webpack js代碼分割(11)
獲取全套webpack 4.x教程，請(qǐng)?jiān)L問瓦力博客 代碼分割是一個(gè)概念，和webpack無關(guān)，在沒有webpack的時(shí)候，代碼分割這個(gè)概念也存在。通過合理的代碼分割會(huì)讓我們程...
-
webpack Tree Shaking(10)
獲取全套webpack 4.x教程，請(qǐng)?jiān)L問瓦力博客 Tree Shaking從字面上理解就是樹搖晃。就是當(dāng)我們?cè)谝粋€(gè)js文件中寫入了多個(gè)導(dǎo)出的方法，但是引用時(shí)只使用了一部分，...
-
webpack SourceMap配置(9)
獲取全套webpack 4.x教程，請(qǐng)?jiān)L問瓦力博客 sourceMap是用做源碼映射，當(dāng)我們編寫代碼，webpack幫助我們把代碼打包?？僧?dāng)我們寫的代碼在瀏覽器運(yùn)行時(shí)報(bào)錯(cuò)，這...
-
webpack 處理ES6語(yǔ)法(8)
獲取全套webpack 4.x教程，請(qǐng)?jiān)L問瓦力博客 為什么要處理ES6語(yǔ)法呢？當(dāng)我們使用新語(yǔ)法來寫代碼，一些瀏覽器如果不支持那么就會(huì)報(bào)錯(cuò)，導(dǎo)致用戶體驗(yàn)非常糟糕。我們使用bab...
-
webpack devServer本地開發(fā)(7)
獲取全套webpack 4.x教程，請(qǐng)?jiān)L問瓦力博客 webpack-dev-server是一個(gè)用來快速搭建本地運(yùn)行環(huán)境的工具。在實(shí)際開發(fā)中調(diào)試接口需要打http請(qǐng)求，我們用之...
-
webpack iconfont打包(6)
獲取全套webpack 4.x教程，請(qǐng)?jiān)L問瓦力博客 前端開發(fā)中iconfont字體圖標(biāo)現(xiàn)在用的也是非常多，下面小菜將配置iconfont。 阿里巴巴矢量圖標(biāo){:target=...
-
webpack 打包圖片(5)
獲取全套webpack 4.x教程，請(qǐng)?jiān)L問瓦力博客 這小節(jié)小菜帶大家寫有關(guān)圖片的配置，在web中處理圖片好像沒有什么特別需要處理的，小菜能想到的主要是圖片的路徑問題，還有去緩...