基础面试题
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
主要内容包括:HTML,CSS,JavaScript,浏览器,性能优化等等
现在基本上都会使用ES6开发。ES6也成为了一个面试必考点。一般面试官都会问用过ES6的哪些新特性,再针对你所回答的进行深入的提问。
-
let、const、var区别
-
箭头函数与普通函数的区别
-
变量的结构赋值
-
promise、async await、Generator的区别
-
ES6的继承与ES5相比有什么不同
-
js模块化(commonjs/AMD/CMD/ES6)
浏览器相关知识
浏览器相关知识几乎是每个公司都会问到的考点,里面涉及的东西也比较多。其中缓存、http2、跨域必问。
-
从输入URL到呈现页面过程
-
强缓存、协商缓存、CDN缓存
-
HTTP2
-
HTTP状态码
-
三次握手与四次挥手
-
跨域(JSONP/CORS)
-
跨域时如何处理cookie
-
垃圾回收机制
web安全
一般我都会从xss和csrf说起。
-
https
-
什么是xss,如何预防
-
什么是csrf,如何预防
-
为什么会造成csrf攻击
事件循环
事件循环绝对是一个必考题。其中涉及到宏任务、微任务、UI渲染等的执行顺序,浏览器端的必须要掌握,node端的有精力的最好也能掌握。
框架(vue)
因为我一直用的都是vue框架,所以问的也都是跟vue相关的。vue中的高频题也不外乎双向绑定、虚拟dom、diff算法这些。
-
watch与computed的区别
-
vue生命周期及对应的行为
-
vue父子组件生命周期执行顺序
-
组件间通讯方法
-
如何实现一个指令
-
vue.nextTick实现原理
-
diff算法
-
如何做到的双向绑定
-
虚拟dom为什么快
-
如何设计一个组件
webpack
webpack也基本上成了必考的内容,一般会问是否配置过webpack、做过哪些优化之类的。
-
用过哪些loader和plugin
-
loader的执行顺序为什么是后写的先执行
-
webpack配置优化
-
webpack打包优化(happypack、dll)
-
plugin与loader的区别
-
webpack执行的过程
-
如何编写一个loader、plugin
-
tree-shaking作用,如何才能生效
性能优化
-
首屏加载如何优化
-
一个网页从请求到呈现花了很长时间,如何排查
因为之前的经历大部分都集中在PC端,所以移动端的经验比较少。面试官也不会一直问你移动端的东西,问也就问一些常见的问题,比如1px问题、如何适配等。react用的也不多,问的也不多,也就会问问react与vue的对比之类的问题。
基本的问题过了之后,有的面试官还喜欢问一些开放性的问题。比如平时都是如何学习的、最近了解了什么新技术、未来的职业规划、为了达到这个目标目前做了什么努力等等。
总结的基本上就是这么多了,上面问题的答案我也会陆续给出,给大家一个参考。 最后预祝看了此篇文章的小伙伴们都能收获多多的offer,找到自己满意的工作~
web前端高级/架构讨论:693550522
点击链接加入群聊【web前端高级/架构讨论】:
https://jq.qq.com/?_wv=1027&k=5WHjI3B
其实前端开发的知识点就那么多,面试问来问去还是那么点东西。所以面试没有其他的诀窍,只看你对这些知识点准备的充分程度。so,出去面试时先看看自己复习到了哪个阶段就好。
这里再分享一个复习的路线:(以下体系的复习资料是我从各路大佬收集整理好的)
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
《前端开发四大模块核心知识笔记》
最后,说个题外话,我在一线互联网企业工作十余年里,指导过不少同行后辈。帮助很多人得到了学习和成长。
我意识到有很多经验和知识值得分享给大家,也可以通过我们的能力和经验解答大家在IT学习中的很多困惑,所以在工作繁忙的情况下还是坚持各种整理和分享。
vert/b6ecb2c71421efff2a0cd1db5a9d4251.png)
最后,说个题外话,我在一线互联网企业工作十余年里,指导过不少同行后辈。帮助很多人得到了学习和成长。
我意识到有很多经验和知识值得分享给大家,也可以通过我们的能力和经验解答大家在IT学习中的很多困惑,所以在工作繁忙的情况下还是坚持各种整理和分享。