-
extract-text-webpack-plugin插件
就是把非js代碼的text打包成一個靜態資源文件。
查看全部 -
數據綁定
vue組件
render函數****
生命周期方法
computed
查看全部 -
hot? 只渲染改動部分，不會整個頁面重新渲染
#cheap-module-eval-source-map
查看全部 -
4. html-webpack-plugin? a.require進來插件 b.在plugins里new一下
5.在webpack里用一些vue,react等框架時要用 webpack.DefinePlugin，里邊定義的process.env里的變量在webpack編譯以及我們自己寫代碼時判斷環境都去可以去調用，webpack在打包時會根據不同的環境變量去打包不同的代碼版本
查看全部 -
1.cross-env 不同平臺上設置環境變量的方式不同，cross-env幫助不同平臺寫同樣的代碼就可以執行命令，eg: cross-env NODE_ENV=production (現在是mac寫法，window應該寫set 加上cross-env就可以幫助統一了)
2.process.env.NODE_ENV (啟動腳本時設置的環境變量全部存在于process.env這個對象里)
3.? ? XXX.devServer={}
查看全部 -
index.js
查看全部 -
1.新建一個空目錄 cd進目錄，執行npm init 可初始化出一個package.json文件
2.安裝需要的包 npm install 包名，舉例 npm install webpack vue vue-loader(install可簡寫i) 此處未區分dependency 和devdependency.? ?tips:安裝好后查看warn里是否還有依賴組件需要安裝，若有根據提示install
3.新建webpack.config.js配置文件（打包前端資源）
4.新建入口文件：
? ? a.index.js為開發入口文件 引入vue，實例化vue 掛載mount等
????b.webpack配置文件會根據配置將index.js編譯成一個瀏覽器可懂的生 產文件
6.指定webpack配置文件為之前定義好的：package.json的scripts中加入自定義命令 ，eg : "build":"webpack --config webpack.config.js"（指定項目的定制化webpack配置文件，防止調用全局webpack出現版本不一致等）
7.項目根目錄下執行npm run build(build是我們6中寫好的命令)
8.還需了解的 render函數，webpack常用命令
查看全部 -
vue要使用jsx語法
查看全部 -
vue工程的搭建
?npm init
1、npm i webpack vue vue-loader
2、npm i css-loader vue-template-compiler
3、新建src目錄并在src下新建app.vue
4、在app.vue中編寫vue組件
5、在根目錄下新建webpack.config.js
查看全部 -
網絡優化：
減少http請求
壓縮靜態資源文件
使用瀏覽器強緩存使瀏覽器的流量變更小、加載速度更快
重點難點不是業務開發、性能要求并不是很高，不會做在線ps一樣的應用
最重要的是前端工程化的問題。
查看全部 -
課程目標查看全部
-
課程目的查看全部
-
循環比較消耗資源:key用來標明下次循環有沒有變動，如果key相同他會復用這個節點，不會生成新的節點刪除原來的節點。這樣可以提高效率
查看全部 -
學習記錄：查看全部
-
npm init
npm install webpack vue vue-loader
查看全部
舉報