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