前端高频面试题总结

142 阅读1分钟

一、HTML和CSS

1.行内元素/块级元素,非替换元素/替换元素

2.img标签的title和alt属性★★

3.meta标签★★

4.DOCTYPE标签★★★

5.script标签的defer和async ★

6.W3C盒模型和怪异盒模型★★★

7.水平垂直居中的方法★★★

8.BFC★★★

9.清除浮动的方法★★★

10.position属性★★★

11.cSs隐藏元素的方式★★★

12.Flex布局★★★

13.双栏布局和三栏布局★★★

14.重排和重绘★★

15.CSS选择器★★★

16.CSS动画★★

17.CSS实现三角形★★

18.CSS Sprites★★

19.px rem em ★

20.伪类/伪元素★

二、JavaScript

1.JavaScript的数据类型★★★

2.判断变量的类型★★★

3.数据类型转换★★

4.原型和原型链★★★

5.闭包及其优缺点★★★

6.call/apply/bind ★★★

7.DOM事件流和事件委托★★★

8.Cookie/storage★★★

9.数组和对象的常见方法★★

10.new内部做了什么★

11.防抖/节流★

12.requestAnimationFrame★★

13.this指向★★

14.作用域链★

15.let/const/var的区别 ★★★

16.ES6异步编程:Promise和async await★★★

17.箭头函数★★

18.JavaScript的运行机制★★★

19.实现继承的几种方式★★

20.垃圾回收★

三、Vue

1.单页面应用(SPA)★★★

2.MVVM★★★

3.Vue的响应式原理〔双向数据绑定)★★

4.data为什么是函数★★

5.v-model的原理★

6.v-if和v-show的区别★★★

7.computed、watch和method★★

8.Vue的生命周期★★★

9.父子组件生命周期顺序★★

10.Vue组件间通信的方式★★★

11.Vue的单向数据流★

12.keep-alive组件★

13.slot插槽★

14.Vue检测数组或对象的变化★★

15.虚拟DOM★★★

16.Vue中key的作用★★

17.nextTick的原理★★

18.Vuex★★★

19.vue-router的两种模式★★

20.vue-router几种导航钩子★