前端面试题个人总结

165 阅读1分钟

HTML部分

1. h5有那些新特性

  • 音视频标签
  • canvas支持,webscoket通信支持
  • 标签语义化

css部分

1. bfc介绍

是指一个完全独立的空间,内部元素完全不会受到外部元素的影响

实现手段

  • display:flex || inline-block
  • position:absoulte || fixed
  • overflow:hidden || auto || scroll

解决的问题有 margin垂直重叠问题、子元素使用float,父元素高度塌陷问题

Javascript部分

1. 深浅拷贝与实现方式

深拷贝是指a引用类型的内存地址与b引用类型的内存地址不相等,既修复a的内部属性值b的属性值并不会修改。浅拷贝与之相反

2. new的时候做了什么

  1. 创建一个对象a
  2. 将a.__proto__链接到目标对象的prototype上
  3. 绑定this,让this指向类上
  4. 返回该对象a

vue部分

ref、reactive、toRef、toRefs区别

ref可用于全部元素reactive只用于引用类型 toRef解构一个响应式对象的属性 toRefs结构多个 ref需要.value获取值

watch、computed的区别

  • computed有缓存,watch没有
  • computed不能异步

watch、watcheffect

  • watch是惰性监听,需要你指定监听对象
  • watcheffect不需要指定对象既可监听
  • watch监听源 ref数据类型、reactive数据类型、getter函数属于类型(简单理解为函数的返回值)