一转眼就到年底了。每次来到这个时候，我们都会慢慢反思自己这一年到底做了什么？有什么进展？年初的计划都实现了吗？你有信心明年初跳槽吗？而且2020年我们经历了新冠疫情的洗礼，很多程序员都经历过失业和找工作的恐慌。因此，今年的互联网环境太差了，你需要有足够的知识储备才能应付这股冰冷的寒风。让我们来看看如何准备面试。大家可以参考reference提前准备面试。1、简历：简历是公司面试的敲门砖。如果你不能通过简历筛选的第一步，那么后面就没有什么可做的了。所以，简历一定要写好，不能有错别字和看不懂的句子，尤其是专业术语不要写错。有条件的话，可以请老师或同学帮你看简历，力求给人留下良好的第一印象。二、基础技术知识基础知识一直是考察的重点，包括HTML(5)、CSS(3)、JavaScript到Vue、React等所有可能考察的知识。基础知识不仅要知道它是什么，还要了解如何使用它，为什么要这样使用。死记硬背可以管用一段时间，但如果遇到面试官要深入谈，死记硬背就没用了。所以，每个知识点一定要理解透彻，解释清楚。每次面试都必须提前准备。下面是一些经常考的面试知识点。可以提前准备HTML（5）：1）H5有什么新特点？2）标签的作用是什么？它是如何使用的？3）如何关闭HTML5表单中的自动补全功能4）不使用border画一条高度为1px的线，在不同浏览器的标准模式和怪异模式下可以保持相同的效果5）title的区别还有h1,b和strong的区别，i和em的区别？6）每个HTML文件的开头都有一个很重要的东西，Doctype，你知道这是干什么用的吗？7）img的alt和title有什么异同？strong和em的异同点？8）简述src和href的区别？9)你知道网页制作中会用到哪些图片格式？10)你如何理解HTML结构的语义？11)html5有哪些新特性，哪些元素被删除了？12)如何处理HTML5新标签的浏览器兼容性问题13)...CSS:1)cssboxmodel(1)cssboxmodel的基本概念？(2)标准模型和IE模型的区别：计算出来的高和宽的区别，怎么不一样，高和宽是怎么计算的？(3)js如何设置采集框模型对应的宽高？(4)...2)BFC(marginoverlapsolution)(1)BFC的基本概念？(2)BFC原理/BFC渲染规则？(3)如何创建BFC？(4)BFC的使用场景有哪些？3）css浮动（1）css浮动原理？(2)浮动元素带来的问题？(3)如何清除css中的浮动？4）CSS经典布局（1）三栏式布局：左右各300px，中间自适应？（2）圣杯布局（3）双飞翼布局（4）css横竖中间怎么写，请至少写4种？5）CSS兼容性（1）经常遇到的CSS兼容性问题有哪些？如何解决？6)CSShack(1)什么是CSShack？(2)CSShack的原理？(3)CSShacks的分类？(4)CSShack书写顺序？7)...JavaScript:1)原型链(1)创建一个对象有多少种方式？(2)instanceof的原理？2）类（1）类声明？(2)、生成实例？声明一个类，如何生成类的实例？3）继承（1）call和apply有什么共同点和不同点？(2)用javascript实现对象继承/继承的几种方式，以及这些方式的优缺点？4）作用域（1）说说你对作用域链的理解？(2)这个？(3)...5)闭包(1)闭包的特点征收？(2)闭包应用场景？(3)闭包在实际开发中的应用？(4)...6)运行机制/单线程/异步(1)如何理解js的单线程？(2)为什么js是单线程的？(3)同步和异步有什么区别？分别举个同步和异步的例子？(4)什么时候需要异步？(5)什么是任务队列？(6)栈和队列有什么区别？(7)栈和堆有什么区别？(8)...7)数据类型(1)js用typeof可以得到哪些类型？(2)如何准确判断变量是否为数组类型？(3)js变量按存储方式有哪些类型，并描述其特点？(4)null和undefined有什么区别？(5)undefined?的典型用法？(6)null的典型用法？(7)...8)内置函数/内置对象(1)js中的内置函数/数据封装对象有哪些？(2)js中的内置对象有哪些？(3)js变量按存储方式有哪些类型，并描述其特点？(4)String方法/String对象方法？(5)数组方法/数组对象方法？(6)...9)数组去重(1)如何对数组进行去重？(方法)(2)比较上述数组去重方法的速度？（性能）（3）一句话，数组去重？(4)保留数组中不重复的元素？10）逻辑判断11）内存泄漏（1）哪些操作会导致内存泄漏？(2)js内存泄露的解决方法12)dom(1)dom是一种什么样的基本数据结构？（2）DOM操作常用的API有哪些？(3)dom节点的attribute和property有什么区别？(4)dom结构操作/如何添加、删除、移动、复制、创建和查找节点/(5)dom操作常用的API？(6)dom事件是什么级别的？(7)dom事件模型？(8)dom事件流？(9)...13)通信(1)什么是同源策略及其限制？(2)前后端如何通信？(3)跨域通信的几种方式？(4)...14)ajax(1)ajax请求原理，手写一个ajax请求？(2)就绪状态？(3)ajax异步和同步有什么区别？(4)...15)...Vue:1)vue-cli项目(1)搭建的vue-cli项目用到了哪些技术，它们的作用是什么？（2）vue-cli项目中常用的npm命令有哪些？（3）请说出vue-cli项目中各个文件夹和文件的用途（4）config文件夹下的index.js是给项目打开的开发环境和生产环境的配置（5）请详细介绍一下package.json中的一些配置2）Vue核心知识点（1）理解Vue是一个渐进式框架（2）vue.js的两个核心是什么（3)v-if和v-show有什么区别？（4）vue中常用的修饰符（5）v-on可以监控多个方法吗？(6)vue中key值的作用(7)vue事件中如何使用事件对象？(8)$nextTick的使用(9)为什么vue组件中的数据一定要是functionsalive组件的作用(13)vue生命周期是什么？(14)vue生命周期钩子函数有哪些？(15)vue如何监听键盘事件中的按键？(16)vue更新数组时触发视图更新的方法(17)解决非工程项目初始化页面闪退问题(18)v-model语法糖组件的使用(19)...3)vue-router(1)vue-router如何响应路由参数的变化？（2）完整的vue-router导航分析流程（3）vue-router有哪些导航钩子（navigationguards）？（4）vue-router传递参数的几种方式（5）...4）vuex（1）什么是vuex？（2）使用vuex的核心概念（3）在vue-cli中使用vuex（4）在vue中使用vuex，修改state的值（5）...5）HTTP请求（1）Promise对象是什么（2)axios、fetch和ajax有什么区别？(3)...6)UI风格(1).vue组件的scoped属性的作用(2)如何让CSS只作用于当前组件？(3)vue常用的UI组件库(4)如何适配移动端？【经典】（5）...7）MVVM设计模式（1）MVC、MVP与MVVM模式（2）MVP（3）MVVM实现原理（4）Object.defineProperty()方法（5）。.....8)...React1)基础知识(1)什么是React？(2)React有什么特点？(3)列举React的一些主要优点(4)React的局限性是什么？(5)什么是JSX？(6)...2)React组件(1)你理解了“在React中，一切都是组件”这句话。(2)解释React中render()的用途。(3)如何将两个或多个组件嵌入到一个组件中？(4)React中的状态是什么？它是如何使用的？(5)state和props的区别(6)如何更新组件的state？(7)React中的箭头函数是什么？如何使用？(8)区分有状态和无状态组件。(9)React组件生命周期有哪些阶段？(10)详细讲解React组件的生命周期方法。(11)React中的事件是什么？(12)如何在React中创建事件？(13)React中什么是合成事件？(14)你对React中的refs了解多少？(15)...3)ReactRedux(1)MVC框架的主要问题是什么？（2）详解Flux（3）什么是Redux？(4)Redux遵循的三大原则是什么？(5)列出Redux的组件(6)...4)ReactRouting(1)ReactRouting是什么？(2)为什么ReactRouterv4中要使用switch关键字？(3)为什么在React中需要路由？(4)...第三，在项目经验面试中，项目经验很重要，是能力评估的重要参考标准。基础知识面试，项目经验面试要考察你的实际开发能力，需要你能够表达你的实际理解并给出具体的实施方案。一般会问你一些技术实现技巧，也可能会问你用代码实现。一般把思路说清楚就可以了，也可以自己写伪代码体现一下。一般说清楚，评价不会太低。考察的问题包括但不限于：项目开发过程、技术架构、说一个比较好的项目、你在项目中的作用、项目中的收获、项目的两点、项目中遇到的困难、简历上面列出的技术栈你是怎么理解的，如果你用它来实现你是怎么做的，组件设计与实现，兼容性问题，底层原理，性能优化，工程化，前端学习规划，算法最终总结：总结，面试成功=基础知识+项目经验+表达能力+运气。运气我们无法控制，但我们可以在别处多花点时间，提前准备好每一个环节。面试一方面是为了找工作、升职加薪，另一方面也是对自我能力的考验。能够在面试中取得成功，不仅仅来自于面试前临时的临时抱佛脚，更重要的是在平时的学习和工作中不断积累和坚持，从而积累每一个知识点，每一个项目开发，每一个难点知识每次都遇到，实践和总结。
