前言
一眨眼又到年底了，每到这个时候，我们都会慢慢反思，这一年都做了什么？有什么进步？年初的计划都实现了吗？明年年初有跳槽的底气了吗？
况且2020年我们经历了新冠疫情的洗礼，很多程序员都经历了失业，找工作的恐慌。导致今年的互联网环境太差，需要自己有足够的知识储备，才能够应对这凌冽的寒风。
下面一起来看看面试要如何准备，大家可以参考参考提前准备好面试。
面试题
HTTP、浏览器
1，浏览器存储的方式有哪些
2，对前后端跨域可以说一下吗？如何解决跨域的？
3，浏览器 cookie 和 session 的认识。
4，输入URL发生什么？
5，浏览器渲染的步骤
6，页面渲染优化
7，强制缓存和协商缓存
8，GET 和 POST 请求的区别
9，HTTP1.0 / 1.1 / 2.0 及HTTPS
10，介绍下304过程
11，HTTP 状态码
12，Web性能优化
CSS
1，盒模型
2，如何实现一个最大的正方形
3，一行水平居中，多行居左
4，水平垂直居中
5，两栏布局，左边固定，右边自适应，左右不重叠
6，如何实现左右等高布局
7，画三角形
8，link @import导入css
9，BFC理解
JS
1，判断 js 类型的方式
2，ES5 和 ES6 分别几种方式声明变量
3，闭包的概念？优缺点？
4，浅拷贝和深拷贝
5，数组去重的方法
6，DOM 事件有哪些阶段？谈谈对事件代理的理解
7，js 执行机制、事件循环
8，介绍下 promise.all
9，async 和 await,
10，ES6 的 class 和构造函数的区别
11，transform、translate、transition 分别是什么属性？CSS 中常用的实现动画方式,
12，介绍一下rAF(requestAnimationFrame)
13，javascript 的垃圾回收机制讲一下,
14，对前端性能优化有什么了解？一般都通过那几个方面去优化的？
Vue
1，Vue 双向绑定原理,
2，描述下 vue 从初始化页面--修改数据--刷新页面 UI 的过程？,
3，你是如何理解 Vue 的响应式系统的?,
4，虚拟 DOM 实现原理,
5，既然 Vue 通过数据劫持可以精准探测数据变化,为什么还需要虚拟 DOM 进行 diff 检测差异?,
6，Vue 中 key 值的作用？
7，Vue 的生命周期,
8，Vue 组件间通信有哪些方式?,
9，watch、methods 和 computed 的区别?
10，vue 中怎么重置 data?,
11，组件中写 name 选项有什么作用？
12，vue-router 有哪些钩子函数?
13，route 和 router 的区别是什么？
14，说一下 Vue 和 React 的认识，做一个简单的对比
（1）监听数据变化的实现原理不同
（2）数据流的不同
（3）模板渲染方式的不同
15，Vue 的 nextTick 的原理是什么？
（1）为什么需要 nextTick
（2）理解原理前的准备
（3）理解 nextTick
16，Vuex 有哪几种属性?
17，vue 首屏加载优化
18，Vue 3.0 有没有过了解？
19，vue-cli 替我们做了哪些工作？
文末
js前端的重头戏，值得花大部分时间学习。
推荐通过书籍学习，《 JavaScript 高级程序设计（第 4 版）》你值得拥有。整本书内容质量都很高，尤其是前十章语言基础部分，建议多读几遍。
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
另外，大推一个网上教程 现代 JavaScript 教程 ，文章深入浅出，很容易理解，上面的内容几乎都是重点，而且充分发挥了网上教程的时效性和资料链接。
学习资料在精不在多，二者结合，定能构建你的 JavaScript 知识体系。
面试本质也是考试，面试题就起到很好的考纲作用。想要取得优秀的面试成绩，刷面试题是必须的，除非你样样精通。
这是288页的前端面试题
