[JavaScript知识库]2021前端面试总结及反思

1.背景

校招进入一家初创型公司，工作刚满两年的前端入门级选手，写过vue，目前主要以React为主。从准备面试到拿到offer经历了将近5个月，大大小小面试20余次，刚开始的时候以为自己准备好了，但是没想到以为的准备好其实还差得远，不得不说，这几个月的面试与学习让我的前端技术突飞猛进，对很多知识的理解变得更加的深入，在此总结一下现在前端常考的一些知识点。有空的时候再把答案填补上～

2.网络及浏览器原理

1. 从输入url到渲染出界面发生了什么？
2. 网络七层协议/五层协议？
3. 三次握手和四次挥手
4. Http1.x，http2.x以及https的区别？https的对称加密和非对称加密
5. 强缓存和协商缓存
6. http常见的状态码
7. 简单请求和复杂请求
8. XSS和CSRF
9. 跨域及解决方案
10. 浏览器的进程和线程
11. 内存泄漏和垃圾回收
12. V8原理，标记整理，全停顿
13. js异步加载
14. js，css，html渲染阻塞
15. 浏览器渲染流程
16. 重排和重绘
17. 浏览器的性能优化
18. 如何减少白屏时间

3.js基础

1. this的指向
2. 常见的数组方法有哪些
3. ’ == ’ 和 ’ === ’ 的区别
4. set和map的使用场景
5. var，let，const，变量提升，暂时性死区
6. 对作用域的理解
7. 闭包和柯里化，高阶函数
8. 数据的浅拷贝和深拷贝
9. 防抖与节流
10. sleep函数的实现
11. 手写promise相关函数
12. eventloop，宏任务，微任务
13. 正则相关
14. 迭代器生成器
15. proxy和defineProperty

4.css基础

1. css实现垂直水平居中，多多益善
2. css动画的实现
3. flex布局
4. 如何使用border画出三角形
5. BFC和外边框重叠
6. 如何做移动端适配
7. 有哪些隐藏页面元素的方式
8. em/rem/px/vh/vw

5.框架相关（vue & React）

1. 两个框架的区别
2. vue的nextTick原理
3. vue的生命周期/React的生命周期
4. vue3的新特性
5. diff算法（vue2，vue3，React15，React 16）
6. 两个框架的组件通信
7. 两个框架的数据流
8. fiber原理
9. conCurrent mode
10. React减少渲染次数的方法（shouldComponentUpdate，pureComponent，memo）
11. 类组件和函数式组件的区别
12. 常用的hooks有哪些，有没有自己写过hook
13. React的事件机制
14. vdom的原理和优势
15. setState的执行机制，同步还是异步
16. 纯函数的含义及优势

6.模块化，组件化和工程化

1. 对这三个概念的理解
2. commonjs和esmodule的区别
3. babel的原理
4. polyfill如何做浏览器兼容
5. 如何实现组件的按需加载
6. babel-import-plugin的原理
7. treeshaking原理
8. source-map的理解
9. rollup和webpack的区别
10. webpack中loader和plugin的区别
11. loader的执行顺序，手写compose函数
12. webpack的打包流程
13. splitChunk
14. webpack如何进行打包优化
15. webpack/rollup的热更新
16. node异步编程的原理
17. 如何在项目中做代理转发

7.算法

1. 快排
2. 二分法
3. 递归/动规
4. 栈和队列
5. 正则（算是算法编外人员吧）
6. 数组的应用（也算编外人员）