摘要： startServer 1. 要做的事 在imooc-build start命令中. 要做的事情 子進(jìn)程啟動(dòng) webpack-dev-serve服務(wù). 以下是子進(jìn)程啟動(dòng)原因 方便重啟, 解決配置修改后, 無(wú)法重啟的問(wèn)題 避免主進(jìn)程受影響, 萬(wàn)一子進(jìn)程啟動(dòng)失敗,報(bào)錯(cuò)了,不能影響主進(jìn)程.可以讓主進(jìn)程再啟 閱讀全文

摘要： 腳手架設(shè)計(jì) 參考項(xiàng)目 G:\webpack-learn\my-cli 1. 為什么需要腳手架 腳手架 提供 創(chuàng)建項(xiàng)目, 項(xiàng)目運(yùn)行, 項(xiàng)目框架, 項(xiàng)目打包, 項(xiàng)目發(fā)布,等一系列能力,提升研發(fā)效率, 簡(jiǎn)化復(fù)雜流程 2. 當(dāng)在命令行里輸入vue create app發(fā)生了什么 會(huì)找到vue對(duì)應(yīng)的可執(zhí)行文件 閱讀全文

摘要： 1. webpack5的解構(gòu)代碼打包方式 針對(duì)下面文件進(jìn)行打包. // moduleA export default { a: 1, } // index.js import moduleA from "./moduleA"; console.log("hello webpack", moduleA 閱讀全文

摘要： 項(xiàng)目打包構(gòu)建優(yōu)化 優(yōu)化項(xiàng)目: vue3-elm-master 方法 查找并診斷性能瓶頸 構(gòu)建速度分析: 影響構(gòu)建性能和開(kāi)發(fā)效率. speed-measure-webpack-plugin 構(gòu)建體積分析: 影響頁(yè)面訪問(wèn)性能 webpack-bundle-analyzer 構(gòu)建性能優(yōu)化常用方法: 通過(guò)多 閱讀全文

摘要： vue2升級(jí)vue3 針對(duì) ../vue3-elm-master項(xiàng)目升級(jí)做的解析, 該項(xiàng)目目前是webpack@1, vue@2. 1. vue2的缺點(diǎn),vue3的優(yōu)勢(shì). vue2的劣勢(shì) vue2的組件代碼復(fù)用是用mixin, 容易出現(xiàn)命名沖突, 且無(wú)法解決業(yè)務(wù)邏輯的復(fù)用. vue2的mixin代碼 閱讀全文

摘要： webpack 1. package.json命令啟動(dòng)配置環(huán)境變量 cross-env是一個(gè)用于跨平臺(tái)設(shè)置和使用環(huán)境變量的腳本工具, cross-env NODE_ENV=online就是設(shè)定NODE_ENV的值是"online". 在webpack.config.js里可以通過(guò)process.en 閱讀全文

摘要： webpack功能 1. 配置全局變量 使用webpack自帶的 providePlugin, 可以配置全局變量. { plugins: [ new webpack.ProvidePlugin({ $: 'jquery', jQuery: "jquery", }) ] } 2. 多入口打包 多入口打 閱讀全文

摘要： 圖形學(xué) 圖形學(xué)就是在一個(gè)二維的平面上展示三維模型. 這里我們用H5的canvas來(lái)演示. 我們不會(huì)用canvas的任何畫(huà)圖的方法, 只是把他當(dāng)作一個(gè)屏幕來(lái)使用. 三維模型 要將三維物體,表現(xiàn)在二維平面上, 首先我們要有一個(gè)三維的模型.我們要先知道,如何在一個(gè)三維坐標(biāo)系中構(gòu)造一個(gè)物體的模型. 這個(gè)模型 閱讀全文

摘要： 函數(shù)式編程 1. 純函數(shù): 不要在函數(shù)里直接使用全局變量,這會(huì)成為這個(gè)函數(shù)的隱試依賴(lài), 如果有需要就從參數(shù)里傳進(jìn)去 2. 相同的輸入,總是能得到相同的輸出. 無(wú)副作用. 3. 有副作用的地方比如操作dom節(jié)點(diǎn), 發(fā)起請(qǐng)求等.單獨(dú)使用一個(gè)函數(shù)抽出來(lái). 不要和別的純函數(shù)放在一起. 4. 嚴(yán)格的控制輸入, 閱讀全文

摘要： 設(shè)計(jì)模式簡(jiǎn)介 設(shè)計(jì)模式原則 1. 單一職責(zé)原則: 一個(gè)對(duì)象(方法)只做一件事. 優(yōu)點(diǎn)是降低了單個(gè)類(lèi)或者對(duì)象的復(fù)雜度, 按職責(zé)吧對(duì)象分界成更小的粒度,有助于代碼的復(fù)用.當(dāng)一個(gè)職責(zé)需要變更的時(shí)候,不會(huì)影響到其他職責(zé) 2. 最少只是原則: 盡量減少對(duì)象之間的交互. 一個(gè)模塊或者對(duì)象可以將內(nèi)部的數(shù)據(jù)或?qū)崿F(xiàn)細(xì) 閱讀全文