-
前端的價值查看全部
-
注意 安裝的 webpack 版本 3.10.0? ,? vue-loader 版本13.6.0
查看全部 -
trunk hash
查看全部 -
第三方插件單獨(dú)打包? ?vendor['vue']或者其他第三方引入的插件
查看全部 -
extract-text-webpack-plugin? ?單獨(dú)打包c(diǎn)ss文件
查看全部 -
cheap-module-eval-source-map? ? 在瀏覽器調(diào)試的時候還是顯示源碼
查看全部 -
路由映射? Historyback
查看全部 -
熱更新
查看全部 -
files.autosave
查看全部 -
一、vue1.0支持html引入vue.js，2.0基本已經(jīng)把這個功能舍棄，提倡vue打包webapp。
jsx是在vue2.0才提供的。
二、vue生態(tài)環(huán)境：vue-router, vuex
三、理解vue的重點(diǎn)不是api和指令，而是過程。
template是通過vue-loader解析成render方法，放到對象中。每次vue數(shù)據(jù)更新，都會重新調(diào)用render方法，生成新的html結(jié)構(gòu)，插到dom結(jié)構(gòu)中。
四、眼界要放寬。學(xué)習(xí)更多的知識，來完善自己的知識體系。
五、vue是雙向綁定框架，通過v-model進(jìn)行數(shù)據(jù)的綁定。
查看全部 -
一、hash和chunkhash的區(qū)別：
整個應(yīng)用是同一個hash
entry里的節(jié)點(diǎn)對應(yīng)不同的chunkhash
如果是單獨(dú)打包就用chunkhash
二、name:runtime：生成在app.js的內(nèi)容，有新的模塊加入時，webpack會給每個內(nèi)容加上一個Id,可能插入在中間，所以id都會改變
查看全部 -
一、npm i extract-text-webpack-plugin，把非javascript的文件打包
二、webpack的devserver不能用chunkHash，不然是會報錯的。
三、vue-loader處理中，組件中的樣式，組件顯示的時候，樣式才會顯示，異步加載組件時，css也異步加載過來。
查看全部 -
一、vue或react開發(fā)的時候，盡量將數(shù)據(jù)都集中在頂層的一個地方。
二、vue中$emit觸發(fā)事件，父組件通過@監(jiān)聽事件，實(shí)現(xiàn)父子組件通信。
子組件用this.$emit('de', this.deleted)，父組件用@del=""監(jiān)聽，可以實(shí)現(xiàn)父子組件事件的解耦，父組件想監(jiān)聽就監(jiān)聽，不想監(jiān)聽就不監(jiān)聽。
三、chrome插件：vue.js devtools的安裝，地址：https://segmentfault.com/a/1190000009682735。
四、this.todos.splice(this.todos.findIndex(todo => todo.id === id), 1);
傳進(jìn)去的是todo，如果todo的id等于id，就刪掉一個節(jié)點(diǎn)。
五、數(shù)組的filter方法
var ages = [32, 33, 16, 40];
function myFunction() {
? ? document.getElementById("demo").innerHTML =?
ages.filter( item => item >=18).length;
}
得到[32,33,40]。
六、如果用splice一條一條刪，刪了一條之后，index會改變，后續(xù)無法刪，所以用filter。
數(shù)據(jù)在哪里聲明，就在哪里操作。
七、findIndex()。
findIndex() 方法返回傳入一個測試條件（函數(shù)）符合條件的數(shù)組第一個元素位置。
findIndex() 方法為數(shù)組中的每個元素都調(diào)用一次函數(shù)執(zhí)行：
當(dāng)數(shù)組中的元素在測試條件時返回 true 時, findIndex() 返回符合條件的元素的索引位置，之后的值不會再調(diào)用執(zhí)行函數(shù)。
如果沒有符合條件的元素返回 -1
（1） findIndex() 對于空數(shù)組，函數(shù)是不會執(zhí)行的。
（2）findIndex() 并沒有改變數(shù)組的原始值。
查看全部 -
一、scoped：樣式只在這個組件起作用。
二、vue結(jié)構(gòu)更清晰，jsx功能更強(qiáng)大。
三、如果v-for中用:key，循環(huán)是一個非常費(fèi)資源的操作，如果下次循環(huán)key的值沒有變，就會復(fù)用節(jié)點(diǎn)，不會新增節(jié)點(diǎn)。key可用item,:key="item"
四、class寫字符串，:class,可以寫數(shù)組，也可以寫對象
查看全部 -
vue的api重點(diǎn)：
1.生命周期方法，
2.computed，
查看全部
舉報