2020最新Web前端经典面试题及答案

痛定思痛。 2022-11-21 11:20 250阅读 0赞

本篇收录了一些大厂面试中经常会遇到的经典面试题，并且我做好了整理分类。虽然今年的金九银十已经过去了，但是可以为明年的金三银四做装备啊，相信每一个跳槽季都有很多的前端开发者蠢蠢欲动，通过对本篇知识的整理以及经验的总结，希望能帮到更多的前端面试者。

好了，那我接下来就开始正文咯。  
PS: 内容超长，请注意！

## HTML篇 ##

1.你是怎么理解HTML语义化  
2.你用过哪些HTML5标签  
3.meta viewport 是做什么用的，怎么写？  
4.H5是什么  
5.label标签的作用  
6.行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？  
7.a标签中 如何禁用href 跳转页面 或 定位链接  
8.canvas在标签上设置宽高 和在style中设置宽高有什么区别  
9.你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?  
10.iframe有哪些缺点？  
11.HTML5新特性  
12.HTML5离线储存  
13.浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢  
14.Doctype作用? 严格模式与混杂模式如何区分？它们有何意义?  
15.HTML与XHTML——二者有什么区别  
…

## CSS篇 ##

1.页面渲染时，dom 元素所采用的 布局模型,可通过box-sizing进行设置。根据计算宽高的区域可分为：  
2.ie盒模型算上border、padding及自身（不算margin），标准的只算上自身窗体的大小 css设置方法如下：  
3.几种获得宽高的方式 :  
4.拓展各种获得宽高的方式 :  
5.边距重叠解决方案(BFC) BFC原理  
6.css reset和normalize.css有什么区别：  
7.居中方法：  
8.css优先确定级：  
9.如何清除浮动：  
10.自适应布局：  
11.画三角形：  
12.link@import导入css：  
13.长宽比方案：  
14.display相关：  
15.CSS优化：  
16.CSS开启GPU加速  
17.开启GPU硬件加速可能触发的问题：  
18.CSS中link与@import的区别：  
19.CSS选择器列表优先级及权重：  
20.display:none和visibility:hidden的区别：  
21.position的absolute与fixed共同点与不同点：  
22.介绍一下CSS的盒子模型：  
23.CSS选择符有哪些？  
24.哪些属性可以继承？  
25.优先级算法如何计算？

### 由于内容过多，如需获取完整面试题+解析可以[**【点击我】**][Link 1]。 ###

## JavaScript篇 ##

1.请你谈谈Cookie的优缺点  
2.Array.prototype.slice.call(arr，2)方法的作用是：  
3.以下代码执行后，控制台的输出是：  
4.简单说一下浏览器本地存储是怎样的  
5.原型 / 构造函数 / 实例  
6.原型链：  
7.执行上下文(EC)  
8.变量对象  
9.作用域链  
10.闭包  
11.对象的拷贝  
12.new运算符的执行过程  
13.instanceof原理  
14.代码的复用  
15.继承  
16.类型转换  
17.类型判断  
18.模块化  
19.防抖与节流  
20.函数执行改变this  
21.ES6/ES7  
22.AST  
23.babel编译原理  
24.函数柯里化  
25.get请求传参长度的误区  
26.补充get和post请求在缓存方面的区别  
27.说一下闭包  
28.说一下类的创建和继承  
29.如何解决异步回调地狱  
30.说说前端中的事件流  
31.如何让事件先冒泡后捕获  
32.说一下事件委托  
33.说一下图片的懒加载和预加载  
34.mouseover和mouseenter的区别  
35.js的new操作符做了哪些事情  
36.改变函数内部this指针的指向函数（bind，apply，call的区别）  
37.js的各种位置，比如clientHeight,scrollHeight,offsetHeight ,以及scrollTop, offsetTop,clientTop的区别？  
38.js拖拽功能的实现  
39.异步加载js的方法  
40.Ajax解决浏览器缓存问题  
41.js的防抖  
42.js节流  
43.JS中的垃圾回收机制

### 由于内容过多，如需获取完整面试题+解析可以[**【点击我】**][Link 1]。 ###

## 框架Vue篇 ##

1.vue.js的两个核心是什么  
2.vue 的双向绑定的原理是什么？  
3.vue生命周期钩子函数有哪些？  
4.请问 v-if 和 v-show 有什么区别？  
5.vue常用的修饰符  
6.nextTick  
7.什么是vue生命周期  
8.数据响应(数据劫持)  
9.virtual dom 原理实现  
10.Proxy 相比于 defineProperty 的优势  
11.vuex  
12.vue中 key 值的作用  
13.Vue 组件中 data 为什么必须是函数？  
14.v-for 与 v-if 的优先级  
15.说出至少 4 种 vue 当中的指令和它的用法  
16.vue中子组件调用父组件的方法  
17.vue中父组件调用子组件的方法  
18.vue页面级组件之间传值  
19.说说vue的动态组件  
20.keep-alive内置组件的作用  
21.递归组件的用法  
22.怎么定义vue-router的动态路由？怎么获取传过来的值？  
23.vue-router有哪几种路由守卫?  
24.$route和 $router的区别是什么？

### 由于内容过多，如需获取完整面试题+解析可以[**【点击我】**][Link 1]。 ###

[Link 1]: https://links.jianshu.com/go?to=https%3A%2F%2Fjq.qq.com%2F%3F_wv%3D1027%26k%3DCNNxKtKV