# 2019前端自检与思考

对于JavaScript，掌握其语法和特性是最基本的，但是这些只是应用能力，最终仍旧考量仍然是计算机体系的理论知识，所以数据结构，算法，软件工程，设计模式等基础知识对前端工程师同样重要，这些知识的理解程度，可以决定你在前端工程师这条路上能走多远，是时候进行一波自检了，查漏补缺，只有全面发展，才会使你更强，以下会进行自问的形式按照图片里面的知识点进行自我check。

![](https://2925742798-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lfbm7rCfl1blCD7FH_h%2F-LfbmAy1v6E5FAfscHFR%2F-LfbmBzcu2I1r_jhABOW%2F2019fe.jpeg?generation=1558666868843336\&alt=media)

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有几个属性吗，具体参考<https://github.com/wintercn/b>...

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.你真的理解前端吗？