从7月份开放的简历，也收到了蛮多询问和面试，7月份算是招人旺季，需要跳槽的小伙伴抓住机会。一开始广泛看面试题，没抓住重点复习，有很多平时也没怎么用到，导致一开始面试的时候，问的问题看过，但是都记不清答得不太好，所以一开始的面试都挂了，但是之后针对性的补全知识之后就比较顺利，也找到感觉了，基本上后面的面试都顺利通过。面试了12家公司左右，有些高频问题会标记次数/总次数，可供大家参考。

面试题记录

js类

addEventListener,第三个参数的作用介绍JS有哪些内置对象？如何监听dom的变动（Mutation Observer）如何编写高性能的JavaScript？描述浏览器的渲染过程，DOM树和渲染树的区别？重绘和回流（重排）的区别和关系？如何最小化重绘(repaint)和回流(reflow)？script 的位置是否会影响首屏显示时间？箭头函数和普通函数有什么区别/箭头函数的优点promise的状态（peding,fulfilled,rejected，状态一旦确定不可更改）call，apply，bind的作用与不同之处你知道几种深拷贝的方法解释JavaScript中的作用域与变量声明提升？

html类

html5有什么新的特性简述一下你对HTML语义化的理解？Doctype作用？标准模式与兼容模式各有什么区别?HTML5 为什么只需要写 ？行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？页面导入样式时，使用link和@import有什么区别？介绍一下你对浏览器内核的理解？常见的浏览器内核有哪些？html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和 HTML5？HTML5的离线储存怎么使用，工作原理能不能解释一下？浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢？请描述一下 cookies，sessionStorage 和 localStorage 的区别？HTML5的form如何关闭自动完成功能？

css类

简述下flex布局CSS有哪些继承属性简述下grid布局你可以用几种方式来实现水平垂直居中css3有哪些新的属性介绍一下标准的CSS的盒子模型？低版本IE的盒子模型有什么不同的？了解BFC吗，BFC可以用来解决什么问题display:none和visibliy:hidden的区别CSS选择符有哪些？哪些属性可以继承？CSS优先级算法如何计算？CSS3新增伪类有那些？如何居中div？如何居中一个浮动元素？如何让绝对定位的div居中？position的值relative和absolute定位原点是？

类（简历中有写常用技术栈为vue）

双向绑定原理（频率很高，建议在面试前手写一个简单的双向绑定，有可能面试官会直接问compile，watcher，Observe，deps的功能和之间的联系）vue3.0和2.0双向绑定的区别，这样的改动有什么好处vue-router的实现原理，history和hash模式有什么区别虚拟dom为什么效率高Vue 组件 data 为什么必须是函数Vue computed 实现Vue complier 实现怎么快速定位哪个组件出现性能问题请描述vue生命周期keep-alive是否与普通组件有一样的生命周期，如果不是，它有哪些钩子vue如何实现seo/为什么会被seo搜索到，ssr的生命周期与普通vue生命周期有什么不一样computed如何得知数据变化/computed有缓存吗$nextTick原理vue父子组件传参有哪些方式v-if和v-show有什么区别

http类

跨域有哪些方式，有些面试会问jsonp和Nginx的原理，其他的原理倒是没怎么问（★跨域面试必问）jsonp回调函数参数格式/如何设置回调（类似这样的问题，有点记不清了）后端修改请求头，实现cros跨域时，在发送post请求之前会先发送什么列举一些http状态码，每一类起码都要列出几个来http，tcp，ip各处在什么层http2.0与http1.x相比有哪些优化/http发展历程http都有哪些请求方式了解过http连接池吗浏览器的缓存机制，如何实现协商缓存（etag）简述从浏览器输入地址到页面渲染完成之间发生了什么

性能类

实际项目中做过的性能优化，优化之后效果怎么样（★性能优化几乎必问）一个页面中有大量的数据，如何优化页面一个页面中有大量的图片，如何优化页面图片除了雪碧图，还有什么可以优化的方式为什么gzip不压缩图片单页应用的首屏优化请简述cookie,localstorage,sessionstorage的区别(2/8)

技术其他类

平时的工作中如何保证产品在不同浏览器中的兼容问题有考虑过前端模块化的问题吗对webpack有没有了解，自己有写过webpack配置文件吗/是否有改过webpack的配置对脚手架工具有没有了解，自己有实现过吗搭建项目时会对整体的开发做哪些考虑/搭建项目时会考虑哪些因素，会做哪些规划如何制作骨架屏是否了解过seo简述mvc和mvvm请简述重绘和重排（如果简历有写使用ts）简述使用ts的好处

非技术类

职业规划，目前有没有为下一个阶段目标做什么储备工作如果有做过组长或类似管理经验，会问平时的管理类工作有那些，如何管理组员和调配工作，或者绩效考核的标准是什么，怎样带领大家成长，怎样提高大家的效率等问题（★如果简历有写，必问）如果在工作中遇到产品提出一个急切的需求，在手头有工作的情况下如何处理遇到奇葩需求或者不好做的需求如何处理离职原因（★）对行业的要求，对新公司和新团队的期望等最近有在学什么新技术吗

最后

基础知识非常重要。

有些时候你的技术范围和面试公司的可能不太一致，导致最后没能拿到offer，也不要太难过，不一定是你的问题。

面试的时候会比较高密度的问各种问题，有很多在面试完之后忘记了，这里只留下了部分。如果在面试过程中和面试官有良性互动，聊的比较好的，基本上都能通过，就算很多问题答不出来也要让面试官觉得你有潜力之类的（个人感觉仅供参考）。

最后祝大家面试顺利，拿到心仪的offer。都看到这里了转发一下呗，关注并私信回复“前端资源”可以获取我个人整理的面试题，以及面试资料哦