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

118 阅读4分钟

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

好了,那我接下来就开始正文咯。 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.优先级算法如何计算?

由于内容过多,如需获取完整面试题+解析可以【点击我】

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中的垃圾回收机制

由于内容过多,如需获取完整面试题+解析可以【点击我】

框架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.routeroute和 router的区别是什么?

由于内容过多,如需获取完整面试题+解析可以【点击我】