面试了50个前台工程师后，99%答不上这些题

对于JavaScript，掌握其语法和特性是最基本的，但是这些只是应用能力，最终依旧考量依然是计算机体系的理论知识，所以数据结构，算法，软件工程，设计模式等基础知识对前台工程师同样重要，这些知识的了解程度，可以决定你在前台工程师这条路上能走多远

知识点在面试过不下50人后进行的一波总结

你能答得上来吗？>一个人学习会有迷茫，动力不足。这里推荐一下我的前台学习交流群：731771211 ，里面都是学习前台的，假如你想制作酷炫的网页，想学习编程。自己整理了一份2019最全面前台学习资料，从最基础的HTML+CSS+JS【炫酷特效，游戏，插件封装，设计模式】到手机端HTML5的项目实战的学习资料都有整理，送给每一位前台小伙伴，有想学习web前台的，或者是转行，或者是大学生，还有工作中想提升自己能力的，正在学习的小伙伴欢迎加入学习。

点击：加入

1.你关于性能优化能否只知道js文件摆放顺序、减少请求、雪碧图等等，却连衡量指标window.performance.timing都不清楚是干什么的？

2.请你形容下一个网页是如何渲染出来的，dom树和css树是如何合并的，浏览器的运行机制是什么，什么能否会造成渲染阻塞？

3.请简述下js引擎的工作原理，js是怎么解决事件的eventloop，宏任务源tasks和微任务源jobs分别有哪些？js是如何构造笼统语法书（AST）的？

4.你能否考虑全面你编写的整个函数，或者者整个功能的容错性与扩展性？怎么构建一个组件是最正当最科学的，对于错误的解决能否有统一的方式方法？

5.浏览器缓存的基本策略，什么时候该缓存什么时候不该缓存，以及对于控制缓存的字段的相关设置能否清楚？

6.你能否可以利用面向对象的思维去笼统你的功能，你会构建一个class（ES6）吗？你对于前台架构的了解？

7.你会用VUE，你会用React，你读得懂这两个架构的源码吗？你懂他俩的基本设计模式吗？让你去构建一个相似的框架你如何下手？

8.你理解的ES6只是const、let、promise吗？你考虑过ES6提出的真正趋势吗？

9.你会用less，那么让你去写一个loader你可以吗？

10.webpack你也会用，你理解其中原理吗？你知道分析打包依赖的过程吗？你知道tree-shakeing是如何干掉无用重复的代码的吗？

11.你真的熟练使用css吗，那你知道position有几个属性吗

12.你理解js的数据结构吗？基本数据类型有哪些？复杂数据类型有哪些？在内存是如何体现的？

13.你可以用js去实现一个单向、双向、循环链表吗？你可以实现查找、插入、删除操作吗？

14.你理解基本常见算法吗？快速排序写一个？要是限制空间利用你该如何写？

15.你理解贪心算法、动态规划、分治算法、回溯算法等常见的算法吗？

16.你是如何了解前台架构的？你理解持续集成吗？

17.你理解基本的设计模式吗？举例单例模式、策略模式、代理商模式、迭代模式、发布订阅模式。。。？

18.写一个事件监听函数呗？实现once、on、remove、emit功能

19.node.js的实现层是什么？

20.node的事件循环机制是怎么的？

21.node的child_process板块有几个api,分别的作用是什么？

22.http1.0与1.1协议的区别？

23.node是如何实现http板块的？

24.如何构建一个主从模式？

25.nginx相关配置理解过吗？

26.你真的了解前台吗？