问题集锦

自我介绍

要有套路。如何引导面试官问你擅长的领域就看自我介绍了。学历专业简述、项目细说、兴趣特长一句带过。

react和vue你都使用过，说说它们的区别？

推荐这篇文章

vue的源码看过没？说说基本的实现？实现双向绑定的原理？

即使没有实际地阅读过源码，也要找别人分享的博客去了解其中的原理。

推荐博文

说说你理解的虚拟dom？diff算法是怎么做的？

用JS对象模拟DOM树
比较两棵虚拟DOM树的差异
把差异应用到真正的DOM树上

推荐《深度剖析，如何实现一个Virtual Dom算法》

redux和vuex的区别？

摘取尤大的知乎回答：

Vuex 其实是一个针对 Vue 特化的 Flux，主要是为了配合 Vue 本身的响应式机制。当然吸取了一些 Redux 的特点，比如单状态树和便于测试和热重载的 API，但是也选择性的放弃了一些在 Vue 的场景下并不契合的特性，比如强制的 immutability（在保证了每一次状态变化都能追踪的情况下强制的 immutability 带来的收益就很有限了）、为了同构而设计得较为繁琐的 API、必须依赖第三方库才能相对高效率地获得状态树的局部状态等等（相比之下 Vuex 直接用 Vue 本身的计算属性就可以）

所以 Vue + Vuex 会更简洁，也不需要考虑性能问题，代价就是 Vuex 只能和 Vue 配合。Vue + Redux 也不是不可以，但是 Redux 作为一个泛用的实现和 Vue 的契合度肯定不如 Vuex。

说出你知道的所有选择器权重？

important > 内联 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 继承 > 通配符

说说你知道的所有伪类元素？（知道多少说多少）

LVHA（LV哈，简单明了）、focus、before、after、checked、disabled、last-child、first-child......很多，就不一一列举了。

你知道的父子选择器和兄弟选择器。

父子 > ，兄弟 +

行内元素和块级元素有哪些？区别是什么？

不知道的童鞋前往前方

你理解的盒子模型？

必问，无非就是围绕css3新属性 box-sizing 的两个值 content-box 和 border-box。

html5所有的新特性？以及对应属性的兼容性（知道多少说多少）

兼容浏览器这个问题，知道一些常用API的就好，也不可能全部记住。像canvas这个兼容性还是要知道的。

实现三列布局，左右固定宽度，中间响应式。兼容性尽量好。

常见的两列布局、三列布局实现要知道，知道2-3种实现方式为上策。而且兼容性方面也要知道，比如用了flex的话就兼容IE10+。

BFC的理解。什么情况会产生BFC。

必问。什么情况下会产生BFC，怎么处理等等。

你知道的ES6新特性？

这里有个注意的点是，常用的一些API要知道基本的实现。比如你常用promise，相关的库如bluebird是怎么实现的。

你知道的所有前端安全知识？怎么预防？怎么测试？

前端安全XSS、CSRF、SQL注入。什么场景会产生这些问题。预防和测试手段，测试手段比较少问。

你知道的http状态码？

必问。常见的状态码和说明必须知道。200、204、206、301、302、304、307、400、401、403、404、500、503

304是怎么产生的还是要知道的。

你理解的cookie？跟session有什么区别？http中设置cookie的头部字段有哪些？

前两个问题自行查阅哈，比较简单。头部字段的话有Cookie和Set-Cookie

你知道的http头部？

通用首部字段、请求首部字段、响应首部字段。这个太多了，平时用到的一些熟悉就好。

Date、Upgrade、Connection、Authorization、Accept、Accept-Charset、Host、From、Referer、Location......

建议阅读图解HTTP。

缓存相关的头部？

分为强缓存、协商缓存去记会简单点。

推荐博文

你知道的所有排序算法？手写快排算法。

前端对基础的数据结构和算法还是要非常熟悉的。这个也经常会问到。

写出所有你知道的git命令。

团队协作方面，版本管理工具。

用ES3实现bind函数。

类似这种API的原理，比如new的过程、Object.create的实现、curry函数的实现也会经常碰到。推荐冴羽的深入系列

js实现继承的方式。

原型链、js实现继承等类似基础的问题都是必考的。这个还是建议阅读冴羽的深入系列，整个系列阅读下来有一个比较深刻的概念。

使用promise模拟一个解决多级回调嵌套问题。

场景解决方案问题。这种方式出现的频率还是很高的。类似比如vue在不使用分页的前提下如何处理海量数据。

平时开发用的工具。

前端常用的一些工具，例如抓包wireshark、fiddler，编码工具vscode、sublime，调试工具浏览器控制台等，webpack、gulp等等。webpack的原理要了解下。

项目开发流程。项目中有什么比较复杂的难点。怎么解决的。还有没优化点。

自由发挥，针对性地突出自己擅长的领域。

平时开发中，有注意设计模式吗？说说你知道的设计模式。

跪！！！但是被问的概率还是蛮大的，需要了解一些基本的设计模式例如单例、工厂、迭代、装饰者、代理等等。

写在最后

还有其他一些的问题在这里就不一一列举了。针对岗位所需的一些技能去发散，这类问题根据岗位要求而定。比如说京东手Q微信业务，对性能方面要求就很高，对CDN相关的技术也要去了解下。同一份简历不要海投，针对每一个岗位要求，适当的改下关键字眼，能够提高面试机会哦，有面试机会就有了一切可能。

主要是想给正在找工作的小伙伴一个全局观。文章并没有详细地给出每道题的答案，但基本都给出了其他大神的参考文章啦。

找工作是一个煎熬的过程，有挫折，有打击，当然少不了收获。希望每个求职者都能斩获合心意的offer！