好吧！是有点标题党。要不是我文章老没什么人看，我会沦落到这种地步？
本文和网络上大部分的总结推荐文不同，它是按照面试的知识点进行详细分类的，并且所有推荐的文章**都是我学习过程中阅读过n次，反复推敲才给大家推荐的。**建议先收藏，结合复习导图食用，效果更佳。当然，好的东西要与小伙伴一起分享，别吃独食哦
这是我自己第一次写总结推荐文（自己真的看了1000+的文章 ），不知道各位喜不喜欢。如果点赞能破千的话，我会接着写框架、数据结构、网络安全、设计模式等方面的。虽然只是这么一篇简短的文章，自己确实整理了两个多月（比之前写的任何一篇技术都长）。关注了我公众号的小伙伴应该知道，因为我有在‘前端码头’连载。
一、css
css不是前端面试的重头戏，却是前端基础知识必问的，也是前端入门的最低门槛。如果你连基础的css都一问三不知，面试官只会微笑的对你说一句‘回去等通知吧’。
postion
flex
布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。但flex两行代码就可以实现
页面布局
css盒模型
在最初接触CSS的时候，对于CSS盒模型的不了解，撞了很多次的南墙呀。盒模型是网页布局的基础，它制定了元素如何在页面中显示，如果足够地掌握，那使用CSS布局那将会容易得多。
h5适配各种设备
BFC
BFC是块级格式化上下文，是一个独立的渲染区域，让处于 BFC 内部的元素与外部的元素相互隔离，使内外元素的定位不会相互影响
CSS3动画
在 CSS3 出现之前，动画都是通过 JavaScript 动态的改变元素的样式属性来完成了，这种方式虽然能够实现动画，但是在性能上存在一些问题。CSS3 的出现，让动画变得更加容易，性能也更加好。
CSS 预处理器
less和sass大家肯定都用过，今天我们从另一个角度来谈谈他们
移动端的问题
移动端web项目越来越多，设计师对于UI的要求也越来越高，比如1px 的边框。在高清屏下，移动端的1px 会很粗
在写h5页面时，页面滚动一定是让开发者头痛的一部分。特别是当页面布局嵌套较深，子元素各种脱离文档流，我们在获取元素距离值、控制滚动条时各种出错。明明代码没有问题，但展现的效果就是和想象的不一样。此时是不是觉得css很诡异。其实不然，css也是有自己逻辑的，只是你了解的还不够深入，今天带大家全面解析页面滚动。
css篇就到这里结束了，接下来是前端面试C位的javascript
二、javascript
javascript是前端面试中当之无愧的C位，也是前端程序员终其一生需要探究的语言。js初窥觉得简单易懂，只有深入之后才能体会到它的奥秘以及优美，让我们一起由浅入深玩转js。
数据类型
javascript的数据类型、数据检查、深浅拷贝，是js最基础的内容了。月薪4k的前端开发都知道的经典面试题“JavaScript 有几种类型”，但如果让你手写一个深拷贝，你能写出来吗
作用域
原型
继承
new、this
call apply bind
event loop
- 这一次，彻底弄懂 JavaScript 执行机制
- 一次弄懂Event Loop（彻底解决此类面试问题）
- 从event loop规范探究javaScript异步及浏览器更新渲染时机
- 浏览器与Node的事件循环(Event Loop)有何区别?
promise
promise平时工作中用到的比较多，一般现在的项目只要你请求接口都会用到promise。它也是平时面试中的高频考点，虽然平时用到的多，但大部分人面试时遇到原理性的问题还是一点懵逼。
不管是平时开发还是面试，promise都是常客。所以推荐的文章比较多，大家一定要耐性看完，这一次彻底弄懂它。
- Promise不会？？看这里！！！史上最通俗易懂的Promise！！！
- BAT前端经典面试问题：史上最最最详细的手写Promise教程
- Promise 必知必会（十道题）
- 当 async/await 遇上 forEach
英文好的同学可以看下这篇文档
浏览器缓存机制
浏览器渲染原理
函数式编程
HTML5 Web Worker
Service Worker
数据处理
es6
我知道内容有些多，大家可以先收藏，但一定要去看。当你把2020前端面试必会知识点系列专题的文章都看完并且理解了，以后就没有你过不了的前端面试。资源都帮你整理好了，还不学就有些说不过去了。
不想每次面试都像菜市场上廉价的白菜一样让人挑选，那就让自己强大起来。奋斗啊年轻人！！！
