1.vue的生命周期
2.v-model如何实现
input的v-model的实现。
3.组件间通信方法
4.水平垂直居中方法
5.Cookie和localStorage和sessionStorage的区别
1.存储有效期不同
- cookie的有效期是可以设置的,默认的情况下是关闭浏览器后失效
- sessionStorage的有效期是仅保持在当前页面,关闭当前会话页或者浏览器后就会失效
- localStorage的有效期是在不进行手动删除的情况下是一直有效的
2.存储大小不同
cookie存储大小是4kb左右; localStorage和sessionStorage的存储容量是5Mb
3.服务端通信
cookie会参与到服务端通信,一般会携带在http请求的头部中。 localStorage和sessionStorage则是单纯的前端存储,不参与服务端的通信。
4.兼容
cookie出现较早。local和sessionStorage是h5的标准,所以后者对于版本较低的浏览器不支持。
6.普通函数、箭头函数和构造函数的区别
普通函数和箭头函数区别: 1.调用方式不同,普通函数直接调用,构造函数使用new运算符创建出实例化对象。然后实例化对象进行调用。 2.this指向不同,构造函数this指向实例化对象。
箭头函数和普通函数的区别:
- 没有this指向;
- 使用.call那些方法无法改变它的this指向。
- 箭头函数不能作为构造函数使用。
- 箭头函数没有自己的arguments
5.箭头函数没有原型对象。
7.原型链谈谈
8.数组的增删改查方法
1.数组去重(包含undfinied、null、NaN)主要是NaN(前几篇中提到过)
2.opactity:0和visibility:hidden和display的区别以及应用场景
- 结构上看:display:none: 会让元素完全从渲染树中消失,渲染的时候不占据任何空间, 不能点击, visibility: hidden:不会让元素从渲染树消失,渲染元素继续占据空间,只是内容不可见,不能点击 opacity: 0: 不会让元素从渲染树消失,渲染元素继续占据空间,只是内容不可见,可以点击。
- display造成回流和重绘。visibility和opacity只造成重绘,消耗较小。