面试1

1、伪元素和伪类的区别

伪元素和伪类的根据区别就是：前者是创建出了一个新元素，而后者是一个已存在但你不能直接看到的元素。

1、伪元素是创建了一个新元素，而伪类本身就存在只不过不用特别声明
2、伪元素使用:或者::声明(前者是css2的声明方式，后者是css3)，而伪类只能使用： (建议在H5中伪元素统一用:: 以便区分伪元素和伪类)
3、伪元素只能同时使用一个，伪类可以同时使用多个

伪类
伪类是用来定义元素特殊状态的，他可以用来设置鼠标悬停样式、元素获取焦点样式、设置链接样式等。如常见的 hover、active、link 等都是伪类。

image.png

伪元素
伪元素也称为伪对象，它不存在于 DOM 文档中、是一个虚拟的元素。它可以用来代表某个元素的子元素，但是这个子元素并不存在于文档树中。

image.png

2、call和apply的区别

image.png

3、原型和原型链是什么？

原型链
当访问一个对象的某个属性时，会先在这个对象本身属性上查找，如果没有找到，则会去它的proto隐式原型上查找，即它的构造函数的prototype，如果还没有找到就会再在构造函数的prototype的proto中查找，这样一层一层向上查找就会形成一个链式结构，我们称为原型链。

原型
①所有引用类型都有一个proto(隐式原型)属性，属性值是一个普通的对象
②所有函数都有一个prototype(原型)属性，属性值是一个普通的对象
③所有引用类型的proto属性指向它构造函数的prototype

4、new做了什么？

创建一个新对象
对象连接到构造函数原型上，并绑定 this（this 指向新对象）
执行构造函数代码（为这个新对象添加属性）
返回新对象

image.png

5、css3实现动画有哪些？

css实现动画的方式，有如下几种：
transition 实现渐变动画
transform 转变动画
animation 实现自定义动画

image.png

image.png

image.png

6、position定位

image.png

7、v-model

image.png

8、vue生命周期

image.png

image.png

image.png

9、$nexttick

image.png

image.png

image.png

image.png

image.png

image.png