web前端开发中遇到的问题整理记录——2019-06

记录开发过程中遇到的问题及通过自己摸索或查阅网上的教程整理出的解决方案，如有不全或者错误欢迎留言更正

目录

1. nth-last-child(n) 选择器 设置倒数第n个子元素
2. cordova+vue 项目打包成Android（apk）应用
3. 前端一些编码规范
4. vue项目中vant自适应设置
5. vscode编写vue时使用v-for报错Elements in iteration expect to have ‘v-bind:key’ directives
6. CSS知识点总结
7. sass的基本运用

内容

1.nth-last-child(n) 选择器 设置倒数第n个子元素

p:nth-last-child(2) {
    background:#ff0000;
}

规定属于其父元素的第二个子元素的每个 p 元素，从最后一个子元素开始计数

2.cordova+vue 项目打包成Android（apk）应用

太多了就不写了，留个传送门要的自取

3. 前端一些编码规范

传送门

4. vue项目中vant自适应设置

传送门

5.vscode编写vue时使用v-for报错Elements in iteration expect to have ‘v-bind:key’ directives

在使用v-for时提示报错Elements in iteration expect to have ‘v-bind:key’ directives，搜尽各路大神的解决方案，总结如下：

方法一： v-for 后添加 :key=‘item’

<li v-for="item in items" :key="item ">

方法二： 在build处关闭eslint检测

在用vscode编写vue代码时，因为安装的有vetur插件，所以当代码中有v-for语法时，会提示，“Elements in iteration expect to have ‘v-bind:key’ directives.”

这个错误这是ESLint的功能，对vue进行了eslint检查。那么我们就把eslint对该插件的检查关闭。

更改vetur配置 vscode->首选项->设置->搜索（vetur）
找到vetur.validation.template 把 勾选去掉。然后再次修改vue就不报错了。

6.CSS知识点总结

传送门

7.sass的基本运用

Sass 是对 CSS 的扩展，让 CSS 语言更强大、优雅。 它允许你使用变量、嵌套规则、 mixins、导入等众多功能， 并且完全兼容 CSS 语法

基本用法也很简单留个传送门