心得记录7月份的面试心得，部分高频问题会标注次数/总次数，供大家参考。面试题记录js类addEventListener，js事件阶段（capture>target>bubbling）第三个参数的作用，防止冒泡的方法有哪些（3/8）如何监听dom变化（MutationObserver）briefEventloop/描述场景，问你执行的顺序等你想熟悉事件循环机制吗（4/8）你了解宏任务和微任务吗？请举几个常见的例子/宏任务和微任务哪个先执行(3/8)原型、原型链/描述场景、指向等(3/8)es6开发常用的属性有哪些(2/8）如何实现es6类及其继承（2/8）箭头函数和普通函数/箭头函数有什么区别Promise状态的优点（peding、fulfilled、rejected，状态一旦确定就不能改变）call、apply、bind的作用和区别你知道节流和防抖的几种深拷贝方法，你可能会问一个具体的场景是如何实现的，然后问它是什么。为了能够区分这两者，并且解释清楚html5的html类有哪些新特性，css类的简单介绍，flex布局的简单介绍，以及grid布局，可以使用几种方法来实现水平和垂直定心。css3对position有什么新属性？sticky属性有哪些值/absolute为parent/简要说明（3/8）你了解BFC吗，BFC可以用来解决什么问题？vue）双向绑定原理（使用频率高，6/8左右，建议面试前写个简单的双向绑定，有可能面试官会直接问compile,watcher,observe,functionandconnectionbetweendeps)vue3.0和2.0双向绑定的区别，这样的改变有什么好处（2/8）vue-router的实现原理，history和hash模式有什么区别？为什么虚拟dom高效？请描述一下vue的生命周期keep-alive是否和普通组件有相同的生命周期。如果没有，它有什么hooks(2/8)vue是怎么实现seo的/为什么会被seo搜索到？ssr的生命周期和普通vue的生命周期有什么区别？computed是怎么知道的？数据变化/计算是否有缓存(2/8)$nextTick的原理Vue父子组件之间传递参数的方式有哪些(5/8)v-if和v-show有什么区别(3/8)HTTP跨域的方法有哪些，有些面试会问jsonp和Nginx的原理，其他的原理问得不多（★跨域面试必问）jsonp回调函数参数格式/how设置回调（类似这种题，记不清了）后端修改Requestheader，实现cros跨域时，发送post请求前会发送什么列出一些http状态码，至少一个每种类型应该列出几个(3/8)http,tcp,ip分别在哪几层http2.0相对于http1.x/http有哪些优化发展历程http的请求方式有哪些？你知道http连接池吗？从服务器输入地址到页面渲染完成之间发生了什么？实际项目中做过的性能优化，优化后的效果如何（★性能优化几乎是必问）一个页面数据很多，如何优化页面（3/8）有很多页面上的图片，如何优化页面(2/8)除了sprite图片，还有哪些优化方式？为什么gzip不压缩图片。单页应用的首屏优化，简单介绍一下cookies、localstorage和session存储的区别(2/8)技术其他分类日常工作中如何保证产品在不同浏览器下的兼容性有没有考虑过前端模块化的问题？你了解webpack吗？你写过webpack配置文件吗？有没有改过webpack的配置？你了解脚手架工具吗？你自己实现了吗？通过seo简述mvc和mvvm，请简述重绘重排（2/8）（如果简历是用ts写的），简述使用ts的好处非技术职业规划，有没有什么可以做的下一阶段的目标？储备工作（3/8）如果你有过团队领导或类似的管理经验，会问平时的管理工作，如何管理团队成员和部署工作，或者绩效考核的标准是什么，如何带领大家成长，如何提高大家的效率等问题（★有简历一定要问）工作中遇到对某个产品的急需，工作中如何应对奇怪的需求或困难的需求手头离职原因（★）对行业的要求，对新公司新团队的期望等（4/8）最近有没有学什么新技术（3/8）期末面试的时候会问各种问题高密度的，面试完忘记的东西很多，这里只留下一部分。祝你面试顺利，拿到心仪的offer~
