記錄開發(fā)過程中遇到的問題及通過自己摸索或查閱網(wǎng)上的教程整理出的解決方案，如有不全或者錯(cuò)誤歡迎留言更正
目錄
- nth-last-child(n) 選擇器 設(shè)置倒數(shù)第n個(gè)子元素
- cordova+vue 項(xiàng)目打包成Android（apk）應(yīng)用
- 前端一些編碼規(guī)范
- vue項(xiàng)目中vant自適應(yīng)設(shè)置
- vscode編寫vue時(shí)使用v-for報(bào)錯(cuò)Elements in iteration expect to have 'v-bind:key' directives
- CSS知識(shí)點(diǎn)總結(jié)
- sass的基本運(yùn)用
內(nèi)容
1.nth-last-child(n) 選擇器 設(shè)置倒數(shù)第n個(gè)子元素
p:nth-last-child(2) {
background:#ff0000;
}
規(guī)定屬于其父元素的第二個(gè)子元素的每個(gè) p 元素，從最后一個(gè)子元素開始計(jì)數(shù)
2.cordova+vue 項(xiàng)目打包成Android（apk）應(yīng)用
太多了就不寫了，留個(gè)傳送門要的自取
3. 前端一些編碼規(guī)范
4. vue項(xiàng)目中vant自適應(yīng)設(shè)置
5.vscode編寫vue時(shí)使用v-for報(bào)錯(cuò)Elements in iteration expect to have 'v-bind:key' directives
在使用v-for時(shí)提示報(bào)錯(cuò)Elements in iteration expect to have 'v-bind:key' directives，搜盡各路大神的解決方案，總結(jié)如下：
方法一： v-for 后添加 :key='item'
<li v-for="item in items" :key="item ">
方法二： 在build處關(guān)閉eslint檢測(cè)
在用vscode編寫vue代碼時(shí)，因?yàn)榘惭b的有vetur插件，所以當(dāng)代碼中有v-for語(yǔ)法時(shí)，會(huì)提示，“Elements in iteration expect to have 'v-bind:key' directives.”
這個(gè)錯(cuò)誤這是ESLint的功能，對(duì)vue進(jìn)行了eslint檢查。那么我們就把eslint對(duì)該插件的檢查關(guān)閉。
更改vetur配置 vscode->首選項(xiàng)->設(shè)置->搜索（vetur）
找到vetur.validation.template 把 勾選去掉。然后再次修改vue就不報(bào)錯(cuò)了。
6.CSS知識(shí)點(diǎn)總結(jié)
7.sass的基本運(yùn)用
Sass 是對(duì) CSS 的擴(kuò)展，讓 CSS 語(yǔ)言更強(qiáng)大、優(yōu)雅。 它允許你使用變量、嵌套規(guī)則、 mixins、導(dǎo)入等眾多功能， 并且完全兼容 CSS 語(yǔ)法
基本用法也很簡(jiǎn)單留個(gè)傳送門
