前端vue面试题

A. 对于IT这行业，请问面试时大概会提哪些问题会有考试吗比如应聘前端开发工程师

对于你的这个问题，在it行业，我也面试过不少人，我觉得我还是有资格回答一下。
请你自我介绍一下自己好吗？
回答提示：一般人回答这个问题过于平常，只说姓名、年龄、爱好、工作经验，这些在简历上都有。其实，企业最希望知道的是求职者能否胜任工作，包括：最强的技能、最深入研究的知识领域、个性中最积极的部分、做过的最成功的事，主要的成就等，这些都可以和学习无关，也可以和学习有关，但要突出积极的个性和做事的能力，说得合情合理企业才会相信。企业很重视一个人的礼貌，求职者要尊重考官，在回答每个问题之后都说一句“谢谢”，企业喜欢有礼貌的求职者。
除了这个问题，其他这些常识性问题你也需要注意：
一、守时，迟到乃面试第一大忌
守时本就是诚信的一部分。另外，作为一个求职者，姿态不要放得太高，毕竟你是想加入别人的公司，迟到会给人一种不重视的感觉，企业不希望面试的成本用在不重视的人身上。
二、穿衣搭配，符合公司形象
我曾经作为HR参加过公司的一次面试，第一个进来的面试者因为衣服扣错了扣子，我已经给他打上了做事不认真细心和随意地标签，后面表现的再好，我都不会有兴趣了解。穿着符合公司形象很重要，去互联网公司就穿互联网元素的衣服，面试销售，你得穿正装，这些最基本的会为你加不少的印象分。
三、言语得当，有礼大方
见到面试官你得主动问好，这是最基本的尊重，也是有礼貌的体现。说话大方自信，语言流畅，能做到言简意赅思路清晰当然是最好的。切忌打断别人说话，不要觉得你口若悬河，当面试官打断你说话，那你也就游戏结束了。
四、行为得体，展现气质
进门之前先敲门，得到指示再入座，这些简单的常识却不是每个面试者都能够做到。一个人的行为反映他的气质，一个腰都直不起来的求职者，你说会不会影响公司的形象？站立笔直，双手自然。入座以椅子的三分之二为宜双手放于膝盖，身体微微前倾，不要给人以蹲茶馆的感觉。
做到以上几点，“面”这一关基本就不会有太大问题。当然，表达能力是需要长期的锻炼而非一朝一夕，这就看你平时的积累了。下面再说“试”的问题。

何为“试”就是看看你是否能胜任公司的工作，包括你对企业以及自身的认知，其次就是对知识技能的掌握程度。希望以下几点能给你一些帮助。
一、知己知彼，百战不殆
面试前，对所要去的企业做一个大致的了解，包括企业规模；企业文化；主营业务以及目前状况。另外，你还需要了解公司对你面试岗位的要求以及特殊需求准备应对方案，证明你确实能够胜任这个岗位。
二、有自己的职业规划
企业一般都会关注职业规划这个问题，综合考虑稳定性等因素，要有自己的展望同时也要让公司看到你至少短时间内（两年）的稳定性。公司培养人才是不容易的，自然不会希望人才的流失。
三、知识技能的系统性复习
俗话说“有豆子，你要能倒出来”，知识技能也是如此，别人问你或让你实际操作时你做不出来那别人只能认为你不会。面试前做一个系统性复习和知识梳理就尤为重要了。
四、机会是留给有准备的人
这里所说的准备不仅包括面试服装，简历，以及知识技能的准备，小到一支笔一个笔记本你都得自己准备。抛开面试需要不说，有准备的人会给人一种很有条理的感觉。
IT属于技术岗，也会准备一些技术面试，一般都是由技术总监根据你的简历进行提问或者准备相关试卷，曾遇到UI面试，面试官提出诉求由面试者进行设计，建议做好充足的准备

B. 怎么学好前端

最后，多动手，多动脑

学习过程中一定要多动手、多动脑。因为前端的学习会涉及很多的代码，所以学习过程中对于代码一定要勤加练习，养成良好的代码书写习惯。不要觉得上课看着老师做了，自己就懂了。在学习过程中遇到不会的问题一定要及时与同学老师交流，在解决问题的过程中成长。

经过以上厦门触控未来的分析，大家对于前端的学习路线想必已经十分清楚了，而前端的学习方法无非就是这三点：学习态度、学习计划以及多动脑等。所以大家在学习前端开发的时候，尤其是在我们厦门触控未来学习前端开发时，一定要根据老师安排的课程内容进行学习，制定计划，不要“妄自菲薄”，好好学习，就一定会有成效。

C. vue前端面试题有哪些呢

文章中给你列举了部分的面试题，这些都是公司面试常遇到的，还有需要的还可以自己去查阅一下资料
1、active-class是哪个组件的属性？嵌套路由怎么定义？
答：vue-router模块的router-link组件。
2、怎么定义vue-router的动态路由？怎么获取传过来的动态参数？
答：在router目录下的index.js文件中，对path属性加上/:id。 使用router对象的params.id
3、vue-router有哪几种导航钩子？
答：三种，一种是全局导航钩子：router.beforeEach(to,from,next)，作用：跳转前进行判断拦截。第二种：组件内的钩子；第三种：单独路由独享组件
4、scss是什么？安装使用的步骤是？有哪几大特性？
答：预处理css，把css当前函数编写，定义变量,嵌套。 先装css-loader、node-loader、sass-loader等加载器模块，在webpack-base.config.js配置文件中加多一个拓展:extenstion，再加多一个模块：mole里面test、loader
4.1、scss是什么？在vue.cli中的安装使用步骤是？有哪几大特性？
答：css的预编译。
使用步骤：
第一步：用npm 下三个loader（sass-loader、css-loader、node-sass）
第二步：在build目录找到webpack.base.config.js，在那个extends属性中加一个拓展.scss
第三步：还是在同一个文件，配置一个mole属性
第四步：然后在组件的style标签加上lang属性 ，例如：lang=”scss”
有哪几大特性:
1、可以用变量，例如（$变量名称=值）；
2、可以用混合器，例如（）
3、可以嵌套
5、mint-ui是什么？怎么使用？说出至少三个组件使用方法？
答：基于vue的前端组件库。npm安装，然后import样式和js，vue.use（mintUi）全局引入。在单个组件局部引入：import {Toast} from ‘mint-ui’。组件一：Toast(‘登录成功’)；组件二：mint-header；组件三：mint-swiper
6、v-model是什么？怎么使用？ vue中标签怎么绑定事件？
答：可以实现双向绑定，指令（v-class、v-for、v-if、v-show、v-on）。vue的model层的data属性。绑定事件：<input @click=doLog() />
7、axios是什么？怎么使用？描述使用它实现登录功能的流程？
答：请求后台资源的模块。npm install axios -S装好，然后发送的是跨域，需在配置文件中config/index.js进行设置。后台如果是Tp5则定义一个资源路由。js中使用import进来，然后.get或.post。返回在.then函数中如果成功，失败则是在.catch函数中
8、axios+tp5进阶中，调用axios.post(‘api/user’)是进行的什么操作？axios.put(‘api/user/8′)呢？
答：跨域，添加用户操作，更新操作。
9、什么是RESTful API？怎么使用?
答：是一个api的标准，无状态请求。请求的路由地址是固定的，如果是tp5则先路由配置中把资源路由配置好。标准有：.post .put .delete
10、vuex是什么？怎么使用？哪种功能场景使用它？
答：vue框架中状态管理。在main.js引入store，注入。新建了一个目录store，….. export 。场景有：单页应用中，组件之间的状态。音乐播放、登录状态、加入购物车
11、mvvm框架是什么？它和其它框架（jquery）的区别是什么？哪些场景适合？
答：一个model+view+viewModel框架，数据模型model，viewModel连接两个
区别：vue数据驱动，通过数据来显示视图层而不是节点操作。
场景：数据操作比较多的场景，更加便捷
12、自定义指令（v-check、v-focus）的方法有哪些？它有哪些钩子函数？还有哪些钩子函数参数？
答：全局定义指令：在vue对象的directive方法里面有两个参数，一个是指令名称，另外一个是函数。组件内定义指令：directives
钩子函数：bind（绑定事件触发）、inserted(节点插入的时候触发)、update（组件内相关更新）
钩子函数参数：el、binding
13、说出至少4种vue当中的指令和它的用法？
答：v-if：判断是否隐藏；v-for：数据循环出来；v-bind:class：绑定一个属性；v-model：实现双向绑定
14、vue-router是什么？它有哪些组件？
答：vue用来写路由一个插件。router-link、router-view
15、导航钩子有哪些？它们有哪些参数？
答：导航钩子有：a/全局钩子和组件内独享的钩子。b/beforeRouteEnter、afterEnter、beforeRouterUpdate、beforeRouteLeave
参数：有to（去的那个路由）、from（离开的路由）、next（一定要用这个函数才能去到下一个路由，如果不用就拦截）最常用就这几种
16、Vue的双向数据绑定原理是什么？
答：vue.js 是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。
具体步骤：
第一步：需要observe的数据对象进行递归遍历，包括子属性对象的属性，都加上 setter和getter
这样的话，给这个对象的某个值赋值，就会触发setter，那么就能监听到了数据变化
第二步：compile解析模板指令，将模板中的变量替换成数据，然后初始化渲染页面视图，并将每个指令对应的节点绑定更新函数，添加监听数据的订阅者，一旦数据有变动，收到通知，更新视图
第三步：Watcher订阅者是Observer和Compile之间通信的桥梁，主要做的事情是:
1、在自身实例化时往属性订阅器(dep)里面添加自己
2、自身必须有一个update()方法
3、待属性变动dep.notice()通知时，能调用自身的update()方法，并触发Compile中绑定的回调，则功成身退。
第四步：MVVM作为数据绑定的入口，整合Observer、Compile和Watcher三者，通过Observer来监听自己的model数据变化，通过Compile来解析编译模板指令，最终利用Watcher搭起Observer和Compile之间的通信桥梁，达到数据变化 -> 视图更新；视图交互变化(input) -> 数据model变更的双向绑定效果。
ps：16题答案同样适合”vue data是怎么实现的？”此面试题。
17、请详细说下你对vue生命周期的理解？
答：总共分为8个阶段创建前/后，载入前/后，更新前/后，销毁前/后。
创建前/后： 在beforeCreated阶段，vue实例的挂载元素$el和数据对象data都为undefined，还未初始化。在created阶段，vue实例的数据对象data有了，$el还没有。
载入前/后：在beforeMount阶段，vue实例的$el和data都初始化了，但还是挂载之前为虚拟的dom节点，data.message还未替换。在mounted阶段，vue实例挂载完成，data.message成功渲染。
更新前/后：当data变化时，会触发beforeUpdate和updated方法。
销毁前/后：在执行destroy方法后，对data的改变不会再触发周期函数，说明此时vue实例已经解除了事件监听以及和dom的绑定，但是dom结构依然存在
18、请说下封装 vue 组件的过程？
答：首先，组件可以提升整个项目的开发效率。能够把页面抽象成多个相对独立的模块，解决了我们传统项目开发：效率低、难维护、复用性等问题。
然后，使用Vue.extend方法创建一个组件，然后使用Vue.component方法注册组件。子组件需要数据，可以在props中接受定义。而子组件修改好数据后，想把数据传递给父组件。可以采用emit方法。
19、你是怎么认识vuex的？
答：vuex可以理解为一种开发模式或框架。比如PHP有thinkphp，java有spring等。
通过状态（数据源）集中管理驱动组件的变化（好比spring的IOC容器对bean进行集中管理）。
应用级的状态集中放在store中； 改变状态的方式是提交mutations，这是个同步的事物； 异步逻辑应该封装在action中。
20、vue-loader是什么？使用它的用途有哪些？
答：解析.vue文件的一个加载器，跟template/js/style转换成js模块。
用途：js可以写es6、style样式可以scss或less、template可以加jade等
21、请说出vue.cli项目中src目录每个文件夹和文件的用法？
答：assets文件夹是放静态资源；components是放组件；router是定义路由相关的配置;view视图；app.vue是一个应用主组件；main.js是入口文件
22、vue.cli中怎样使用自定义的组件？有遇到过哪些问题吗？
答：第一步：在components目录新建你的组件文件（smithButton.vue），script一定要export default {
第二步：在需要用的页面（组件）中导入：import smithButton from ‘../components/smithButton.vue’
第三步：注入到vue的子组件的components属性上面,components:{smithButton}
第四步：在template视图view中使用，<smith-button> </smith-button>
问题有：smithButton命名，使用的时候则smith-button。
23、聊聊你对Vue.js的template编译的理解？
答：简而言之，就是先转化成AST树，再得到的render函数返回VNode（Vue的虚拟DOM节点）
详情步骤：
首先，通过compile编译器把template编译成AST语法树（abstract syntax tree 即 源代码的抽象语法结构的树状表现形式），compile是createCompiler的返回值，createCompiler是用以创建编译器的。另外compile还负责合并option。
然后，AST会经过generate（将AST语法树转化成render funtion字符串的过程）得到render函数，render的返回值是VNode，VNode是Vue的虚拟DOM节点，里面有（标签名、子节点、文本等等）

D. 前端面试一般问什么

前段面试一般的来说面试官是想了解你的基本沟通能力和大体的处事性格和能力

E. web前端工程师需要掌握哪些技术

1、开发语言

HTML发展历史有二十多年，历经多次版本更新，HTML5和CSS3的出现又是一次革新。有些人认为前端开发要掌握的技能简单，不就是网页制作嘛。其实不然，web前端需要掌握的核心语言HTML+CSS+JavaScript，JavaScript作为最难的语言之一，许多编程高手也不敢妄自菲薄自封精通。由于JavaScript与html的差异性，以及静态分开处理的一些好处。在大公司编写静态效果和动态效果往往是分开由不同的人完成的。小公司因为需要压缩成本，就需要每个人会的越多越好，如果你向往项目经理发展，能懂一两门后端语言，绝对是锦上添花。

2、浏览器兼容性

互联网目前主流浏览器有IE6/7/8/9，Firefox，Chrome，Opera，Safari，遨游，包括国内主流的搜狗，腾讯TT，360，the word等等；从内河上讲主要有IE的，遨游版IE，Safari，Firefox以及opera的，这些都是大家常见的，如果你身边有老网虫喜欢收藏浏览器，你翻翻他的硬盘，相信十几款肯定是有的。每种内核对代码的解析是不完全一样的，即使同样内核也可能存在很大差异，如IE和遨游版IE。不说非主流的浏览器，就主流的浏览器，要做到完全兼容，也并非易事，需要长时间的积累和测试，需要前端开发工程师对前端端开发的热爱和激情。

目前移动互联网的发展趋势也不容小觑，将慢慢占据互联网的主要份额。移动互联网最突出的好处是方便和及时，试想一下，走在某地风景很好，拍下来后自 动分享给各路好友，因此手机上的浏览器兼容也看刻不容缓，现在手机上的浏览器也是纷繁复杂，主流的UCWEB，safari，IE，3G门户的，以及 symbian低端机的“残缺儿童”，包括国外流行手机我们不知道的一些浏览器，更糟糕的是这些浏览器解析因为手机硬件的不同，每个浏览器得到的结果都是 完全不同的。

3.hack技术

由于不同的浏览器对CSS的解析认识不一样，因此会导致生成的页面效果不一样，这个时候就需要针对不同的浏览器写不同的CSS，这个过程叫CSS hack。虽然我们写代码都要求按照标准，不写hack代码，但实际工作中为了兼容主流浏览器，hack代码是免不了的，所以这也应该是每个前端开发人员 必备的技能。

4.业内标准

目前Web前端开发中提到最多的就是W3C标准，这是一系列标准的集合，代表了互联网发展的方向，也代表了前端开发的一种信仰。写的代码都要100%通过标准验证，为通过标准验证而感到自豪，会有效推动互联网的快速发展。

5.开发工具

目前比较流行的是Dreamweaver， 其曾经风靡一时，到现在也没有退出历史舞台，证明DW还是有很大优势的，尤其是针对初学者，其强大的提示功能可以帮助我们很快的熟悉并掌握网页布局，但现 在更提倡的是纯手写代码，既体现技能方面的卓越，也可有效避免使用DW等工具产生的冗余代码。此外再掌握一些photoshop技能，即使没有美工，也能 简单处理一些图像。

小结，掌握以上技能，可以说你是一个合格的前端开发人员，能够参与到一个大的项目中，或者自己独立写出一个网页。虽然这看起来和网页制作设计差不多，从效果上来看，都是制作网页的，但实际上，技术上所超出的已经是好几个档次的东西了。

F. 好多招聘前端的都要求精通，精通html5，精通css3,精通js，请问这是认真的吗弄得我怀疑人生

现在的前端不像来以前会写写html页面源就行了，基本的要会构建工具(比如热门的webpack)，h5，css3，js，jq，可以不用精通的，然后是vue.js，angular.js，react.js三个至少要会用一个，最好会点后端(比如php或node.js)，到这阶段一般有作品了，然后刷点面试题，基本没问题~ 来自职Q用户：匿名用户
对啊，然后需要Js jq node.js vue.js精通 来自职Q用户：余先生

G. 面试Web前端需要注意什么会面试哪些问题

将这些问题作为参考。
希望你的面试官有点经验，不会用以下这样的问题开场。以防万一，还是准备一些答案。
1.为什么选择程序员这个职业生涯?
2.截至目前，你所从事的项目中最喜欢的是哪个?
3.描述一下你梦想中的研发项目。
另外一些面试官会问一些通用的技术问题，来测试你的技术能力。有可能部分人不知道这些问题是什么意思，而仅仅是在考察你的能力/竞争力。基于面试官的技术能力级别的不同，你的答案也会有所不同。这些问题简单易答，因此把这些问题记下来。
1.描述一下创建一个新网页的过程
2.怎样减少页面加载时间?
3.标准和标准体(standards and standards bodies)为什么重要?
4.你使用怎样一个过程来组织代码?
5.你喜欢用什么工具来测试代码性能?[page]
既然你从事前端工作，理解CSS会非常重要。因此这里为你准备了一些常见的CSS问题。这是展示你知识储备的重要开始。这些并不是最尖锐或者重要的问题，如果不能回答出来，将对你很不利。
1.CSS 中的 resetting 和 normalizing 之间的区别有哪些?
2.什么是floats，它是如何工作的?
3.absolute、relative、fixed 和 static 定位的区别是什么?
4.解释visiblity hidden和display none之间的区别
5.你是如何修复特定浏览器默认样式的问题?
6.你是否用过网格系统?目的是?
7.如果计算CSS权重?
8.解释如何优化CSS选择器。
9.为什么需要使用预编译器?
10.你是如何测试网站的跨浏览器兼容性?
现在我们最基本的任务完成了。谁都能死记硬背这些答案来应付以上问题。即使是新手前端开发者也能出色地回答大部分问题。然而如果想真正让你的面试官印象深刻并证明你的功底深厚，就把下面这些问题牢记在心。
1.前端开发的框架是什么?
2.响应式web app和原生应用程序的区别是什么?
3.原生app相对web app的优点是什么?
4.客户端和服务器端开发的区别是什么?
5.什么是SASS和LESS?它们是如何工作的?
面试官会更多关注你是如何表达对这些问题的解释。他们会追问支持你的答案的工作案例。前面的问题你可能可以通过记忆而过关，你可能还会遇到这些问题的扩展，但这些答案的深度，将让你与众不同。通过你参与过的实际项目，来展示你的思考过程。

H. web前端学会什么内容可以找到工作

web前端需要学会的知识点如下：

1、HTML + CSS 这部分是丝毫逻辑性没有的知识点，看一套视频就完全可以搞定，多利用 W3school 在线教程手册，有学生说单词记不住，对于这一点我可以负责任的告诉你，这个东西也不需要特意硬背，不过你想背下来也可以，利用好W3school边学边练，每章后还有小测试。随后模仿一些大型官网的页面，都是静态的，先布局，然后在填代码， 大约一个月就可以搞定的非常好。

Javascript 是前端核心，需要学习的内容很多，在这里我需要说一点，学习JavaScript想要自己一个人学得特别好那是非常难的一件事，最好是有人指导，要量力而行。可以通过找一些学习群进行学习讨论。

jQuery是JavaScript封装的一个简易框架，非常适用，当你学了jQuery后，会得到一种解脱，因为在学习JavaScript的时候你应该已经搭进去半条命了，对于学习jQuery，学习方法也很简单，就是按照动态网站的特效进行看源码在加上不断的练习，学习编程一定要多查文档，把文档利用好，你的学习效率会提升很多。

温馨提示：

如果您想要自学的话，前期收集资料的时候记得收集到前瞻技术的视频，n年前的就不要看了，跟不上社会的发展需求。

I. 前端面试 问什么问题

web前端面试会来问人事方面的内自容和web前端技术的内容；

人事的面试

web前端人事面试方面，需要注意如何自我介绍、性格有哪些优劣势、职业规划方向是什么、你的特长是什么、对于加班之类你是怎么看待等人事面试内容；

web前端技术的面试

技术面试，需要注意HTML+CSS+JavaScript以及JS主流框架的使用，比如Vue、React等，前端相关技术，比如tcp握手协议、网络安全、后端技术等；

对于web前端面试准备，建议你去看“决胜前端”（min app），它里面包含了很多web前端技术面试、人事面试等面试真题，而且针对面试题做了详细的分析与解答。

我给你截图看一下例子吧

J. 美团前端面试难吗

美团目前也是在大量的招人啊～～当时参加的是美团打车部门的面试（一年工作经验以上的），部门技术栈vue，后台就是node，一面通过，等了两个小时面试二面，然后通知我回去等消息，一般这样就是挂掉了，毫无疑问。美团是一次性全部面完的。所以去参加最好做好面试四个小时的打算。
先来聊聊一面吧～哈哈
一面
1.简单的自我介绍，与大体的了解我。。。
一面面试官非常不错，先问了下几个项目和用到的技术，会先对我懂的东西做一个大体的了解，比如webpack的单页面的多页面切换，webpack的按需加载，一些webpack的配置有哪些，问了有没有看vue源码，我说了一个vue的watch，大体问了问我框架方面的东西，发现我对框架并不是很熟练，安慰我说没有关系。
2.promise的原理
这个面试官最让人欣赏的就是不会去问你不了解的东西，一开问了我promise，发现我用的并不是很多，就很自然的说没事，换一种方法问你～～～好和蔼啊～
然后就让我用原生js写一个回调函数，其实就是问promise的原理了，js写一个。
3.this指向
这个是面试官手写了一道变态长以及绕的this指向题，可以自行网络js this指向面试题，看几道没有啥问题，需要关注的是其中也考了，argument，和apply(null)。以后想起来再写吧
4.bind与函数柯里化
也就是写个bind，这个红皮书高级函数（22章）有，

可以看下。不过还是得先理解bind的用法，返回一个函数，以及可以传递的参数。参数这里涉及到了函数柯里化。都是手写代码，而且最好写的整洁，因为我有些一笔带过，面试官都让我写完整，明确说要看我写代码水平
5.==, isNaN, typeof
问这个之前先问了我有几种数据类型（七种，下图再加symbol），这里隐形的看你知不知道es6，symbol这个新出的类型。说出了symbol自然会问你这个类型有什么用。

然后就写了好多个typeof，isNaN，==的问输出，这个就是基础题
6.知道什么http请求头？
这个可以说的很多，说了几个，又主动说了下有关跨域请求头，之前项目用的cors，于是和他聊了一会，其实面试就是主动表现自己，把自己知道的都说出来，不然几个请求头说细不细，要问细了能把人问蒙了，最好把话题引到自己知道的地方。
7.问了css
问了css盒子并画出来，清除浮动与bfc，两列布局。
8.说了一大堆其实就是想考我防抖
面试完这个问我想问的问题，我直接问还有二面么？回答有的，又介绍了一会美团打车，说是后台是node，看来要求是前端也要有后台的知识喽。
二面
二面的是我的学长，可是我被问惨了。。。。问的显然比一面深入很多，都问了java
1.自我介绍，问项目
针对项目问了不少，当时有一个支付行为的项目，于是问了很多安全方面的问题，蒙蒙的，完全不知道。第一个就很失败了。然后问了其他的项目，问了websocket。
2.node的EventEmitter用js实现出来
写出来了，但是可以看出来代码写的不规范，学长面试官表示看起来很乱。不过大约算是可以的，指出了几个问题，让我进行修改。（之后完善）
3.虚拟dom
其实vue中就有jsx，react的特点之一有jsx，虚拟dom和代码优化有点关系。
先说下正常对dom的操作，在浏览器中分为渲染引擎和js引擎，现在浏览器内核一般都是渲染引擎（生成渲染树），因为js引擎越来越独立了（所谓的v8引擎？）
然而你在js中获取dom元素的时候你必须要通过渲染引擎，这样两个线程之间的数据交换自然会很慢。所以在前端优化中总是要考虑减少dom操作这一项。包括获取dom元素变量储存起来。
jsx是把dom元素变成了储存在内存中的数据结构。js很快，操作dom也很快。不过也存在缺点，目前的理解就这么点了。
4.路由的实现原理
饿，不知道。。（待会看！）
5.node文件流，java的映射机制（记不太清楚）？
饿。。
6.数组方法map和recer区别？
饿
7.进程与线程的区别
终于有个我会的了，这个显然想问你js的运行机制。先介绍了下进程与线程。
一个浏览器是一个进程，虽然js是单线程的，但是浏览器是多线程的，v8引擎也是多线程的，比如有渲染线程，有处理请求的线程。然后说说任务队列，eventloop。没有理解很深也不敢往下说。
事件循环可以看下这个，链接
8.树遍历
先序，中序，后序。我只知道这么多了，显然想让我写一个的，可是不会。也显然面试官内心已经把我pass掉了，没多问。
9.问了个算法
KMP？？反正我不知道。