2021前端面试攻略

        开门先不见山，说句题外话，行业内卷这个词越来越多出现在网络平台上，逐渐有了些万物皆可“卷”意思，IT互联网行业又双叒被提起，“光荣”得登上内卷榜单。IT互联网行业将来是否内卷不是一家之言可以讲清的，也是不好预测的。但是在2020年，突如其来的疫情，导致无数互联网企业倒闭或者缩招，就业形势严峻。无疑影响了打工人平凡的生活节奏。

        俗话说打工人，打工魂，打工都是人上人。但是打工之魂熊熊燃烧，却无用武之地的痛苦又与谁人说？一座古老而陡峭的大山——面试，一直横亘在无数打工人实现自身价值的道路上。毕业就失业，欲跳槽而力所不能及，这才是真正的“开门”，“见山”。而在这个特殊的节点，想要翻山而过，在众多求职者中脱颖而出，我们势必要接受更多的考验，付出更多的努力。

        今天先给大家带来一份关于前端的面试攻略，分享一些面试干货。如果你正打算求职面试，这些内容应该可以帮到你。

        在正式投简历面试之前，建议用2,3个月的时间做充分的准备，很多同学，特别是基础比较薄弱的同学。买一本大厂面试宝典，刷了3天题，就自信满满得去面试心仪的公司，在面试官的连环追问下，才发现自己只知其一，不知其二。招聘要求即使为同一种技术，每个公司都有自己的细分领域和侧重点，浅层次的技术认知只会让你应接不暇，几次下来，自信被摧垮，甚至开始怀疑人生。所以要在面试前2,3个月里，多一些耐心，系统性的去学习前端知识的。而且几次面试失败，只意味着你应该查漏补缺，并且要主动了解企业开发场景，相应的提升自己。

        在学习的过程中往往最大的困难就是不知道学什么，网络中有海量的资料，但是无法系统性的学习，花去了很多时间，记住了很多知识点，但永远和面试官的提问无缘，如果你也出现过这种情况，请注意， 前方高能！干货来袭！慕课网联合一线大厂面试官共同总结而成的前端面试知识体系全面概括分享给你，拿走不谢~

        

        一. JavaScript

                1.作用域、此法作用域和动态作用域

                2.闭包

                3.内存管理

                4.this 指向原则/指向的改变机制

                5.call 和 apply

                6.执行上下文

                7.原型链和原型范式

                8.ES6789综合：包括ES 基础知识，Promise，Promise/A+，变量提升与暂时性死区

        二.HTML/CSS

                1.HTML 语义化

                2.HTML5 新特性及其兼容问题

                3.重点布局方案

                4.响应式方案

        三.前端框架

                1.React：基础知识、核心原理、关键源码思想、React 16  的新特性、Fiber 架构

                2.Vue：Vue 路由方案、核心原理、关键源码分析

                3.MVVM开发模式

         四.数据结构与算法

                1.时间/空间复杂度

                2.常用数据结构

                3.常用算法

                4.算法的设计思想

         五.Web 计算机网络

                1.TCP/UDP 协议

                2.HTTP/HTTPS/HTTP2.0

                3.跨域问题及解决方案

                4.子主题 4

          六.浏览器工作原理

                1.浏览器架构

                2.浏览器引擎

                3.浏览器运行机制

                4.渲染原理

                5.浏览器性能

           七.前端性能优化

                1.性能优化工具和指标

                2.渲染 优化

                3.代码优化

                4.资源优化

                5.构建优化

                6.传输加载优化

                7.前沿优化解决方案

            八.异步编程

                1.异步编程模型

                2.异步解决方案

            九.DOM 编程

                1.基础知识

                2.事件体系

                3.事件防抖与节流

            十.事件循环

                1.浏览器中 Event-Loop

                2.Node 架构和Node  中的 Event-Loop，及两者对比有什么不同

            十一. 设计模式

                1.设计原则

                2.常用设计模式：工厂模式、单例模式、适配器模式、装饰器模式、代理模式等等

                3.设计模式在实际工作中的运用

        以上内容，是联合几位一线大厂面试官总结而成，独此一份，大家可以根据自己细分的工作方向和不同的侧重点去参考。再次声明，几次的面试失败只是说明你应该查漏补缺，积极了解企业开发环境，提升自己，是增长经验的机会，而不是拒绝成长、随波逐流的借口。希望这篇专栏可以助你找到满意的工作，到时候记得回来点个赞，当然三连就更好了。在这里遥祝大家面试顺利，心想事成！

                  相关课程名称及链接：

                 《快速搞定前端技术一面 匹配大厂面试》

                        https://coding.imooc.com/class/400.html

                 《再学JavaScript ES(6-11)全版本语法大全》

                   https://coding.imooc.com/class/444.html

                 《React源码深度解析 高级前端工程师必备技能》

                   https://coding.imooc.com/class/309.html

                       《Vue核心技术：Vue+Vue-Router+Vuex+SSR实战精讲》

                   https://coding.imooc.com/class/196.html

                 《Vue.js源码全方位深入解析》

                    https://coding.imooc.com/class/228.html

                 《Javascript 设计模式系统讲解与应用》

                      《前端性能优化掌握行业实用、专业、前沿的解决方案》

                          https://coding.imooc.com/class/chapter/448.html

                 《JavaScript版数据结构与算法 轻松解决前端算法面试》

                  https://coding.imooc.com/class/chapter/446.html

                       《HTTP协议原理+实践Web开发工程师必学》

                         https://coding.imooc.com/class/225.html