面试|前端6.21

124 阅读2分钟

1.vue的生命周期

2.v-model如何实现

input的v-model的实现。 image.png

image.png

3.组件间通信方法

4.水平垂直居中方法

5.Cookie和localStorage和sessionStorage的区别

1.存储有效期不同

  1. cookie的有效期是可以设置的,默认的情况下是关闭浏览器后失效
  2. sessionStorage的有效期是仅保持在当前页面,关闭当前会话页或者浏览器后就会失效
  3. localStorage的有效期是在不进行手动删除的情况下是一直有效的

2.存储大小不同

cookie存储大小是4kb左右; localStorage和sessionStorage的存储容量是5Mb

3.服务端通信

cookie会参与到服务端通信,一般会携带在http请求的头部中。 localStorage和sessionStorage则是单纯的前端存储,不参与服务端的通信。

4.兼容

cookie出现较早。local和sessionStorage是h5的标准,所以后者对于版本较低的浏览器不支持。

6.普通函数、箭头函数和构造函数的区别

普通函数和箭头函数区别: 1.调用方式不同,普通函数直接调用,构造函数使用new运算符创建出实例化对象。然后实例化对象进行调用。 2.this指向不同,构造函数this指向实例化对象。

箭头函数和普通函数的区别:

  1. 没有this指向;
  2. 使用.call那些方法无法改变它的this指向。
  3. 箭头函数不能作为构造函数使用。
  4. 箭头函数没有自己的arguments

image.png 5.箭头函数没有原型对象。

7.原型链谈谈

8.数组的增删改查方法

1.数组去重(包含undfinied、null、NaN)主要是NaN(前几篇中提到过)

2.opactity:0和visibility:hidden和display的区别以及应用场景

  1. 结构上看:display:none: 会让元素完全从渲染树中消失,渲染的时候不占据任何空间, 不能点击, visibility: hidden:不会让元素从渲染树消失,渲染元素继续占据空间,只是内容不可见,不能点击 opacity: 0: 不会让元素从渲染树消失,渲染元素继续占据空间,只是内容不可见,可以点击。
  2. display造成回流和重绘。visibility和opacity只造成重绘,消耗较小。

3.前端优化的方法