2020年前端面试复习必读文章

1. JavaScript 基础 1.1 执行上下文/作用域链/闭包理解 JavaScript 中的执行上下文和执行栈JavaScript深入之执行上下文栈一道js面试题引发的思考JavaScript深入之词法作用域和动态作用域JavaScript深入之作用域链发现 JavaScript 中闭包的强大威力JavaScript闭包的底层运行机制我从来不理解JavaScript闭包，直到有人这样向我解释它...破解前端面试（80% 应聘者不及格系列）：从闭包说起1.2 this/call/apply/bindJavaScript基础心法——thisJavaScript深入之从ECMAScript规范解读this前端基础进阶（七）：全方位解读this面试官问：JS的this指向JavaScript深入之call和apply的模拟实现JavaScript基础心法—— call apply bind面试官问：能否模拟实现JS的call和apply方法回味JS基础:call apply 与 bind面试官问：能否模拟实现JS的bind方法不用call和apply方法模拟实现ES5的bind方法1.3 原型/继承深入理解 JavaScript 原型【THE LAST TIME】一文吃透所有JS原型相关知识点重新认识构造函数、原型和原型链JavaScript深入之从原型到原型链最详尽的 JS 原型与原型链终极详解，没有「可能是」。（一）最详尽的 JS 原型与原型链终极详解，没有「可能是」。（二）最详尽的 JS 原型与原型链终极详解，没有「可能是」。（三）JavaScript 引擎基础：原型优化Prototypes in JavaScriptJavaScript深入之创建对象的多种方式以及优缺点详解JS原型链与继承从__proto__和prototype来深入理解JS对象和原型链代码复用模式JavaScript 中的继承：ES3、ES5 和 ES61.4 Promise100 行代码实现 Promises/A+ 规范你好，JavaScript异步编程---- 理解JavaScript异步的美妙Promise不会？？看这里！！！史上最通俗易懂的Promise！！！一起学习造轮子（一）：从零开始写一个符合Promises/A+规范的promisePromise实现原理（附源码）当 async/await 遇上 forEachPromise 必知必会（十道题）BAT前端经典面试问题：史上最最最详细的手写Promise教程1.5 深浅拷贝JavaScript基础心法——深浅拷贝深拷贝的终极探索（90%的人都不知道）JavaScript专题之深浅拷贝javaScript中浅拷贝和深拷贝的实现深入剖析 JavaScript 的深复制「JavaScript」带你彻底搞清楚深拷贝、浅拷贝和循环引用面试题之如何实现一个深拷贝1.6 事件机制/Event LoopTasks, microtasks, queues and schedulesHow JavaScript works从event loop规范探究javaScript异步及浏览器更新渲染时机这一次，彻底弄懂 JavaScript 执行机制【THE LAST TIME】彻底吃透 JavaScript 执行机制一次弄懂Event Loop（彻底解决此类面试问题）浏览器与Node的事件循环(Event Loop)有何区别?深入理解 JavaScript Event LoopThe Node.js Event Loop, Timers, and process.nextTick()1.7 函数式编程函数式编程指北JavaScript专题之函数柯里化Understanding Functional Programming in JavascriptWhat is Functional Programming?简明 JavaScript 函数式编程——入门篇You Should Learn Functional ProgrammingJavaScript 函数式编程到底是个啥JavaScript-函数式编程1.8 Service Worker / PWAService Worker：简介JavaScript 是如何工作的：Service Worker 的生命周期及使用场景借助Service Worker和cacheStorage缓存及离线开发PWA Lavas 文档PWA 学习手册面试官：请你实现一个PWA1.9 Web Worker浅谈HTML5 Web WorkerJavaScript 中的多线程 -- Web WorkerJavaScript 性能利器 —— Web WorkerA Simple Introduction to Web Workers in JavaScriptSpeedy Introduction to Web Workers1.10 常用方法太多了... 总的来说就是 API 一定要熟悉...近一万字的ES6语法知识点补充ES6、ES7、ES8特性一锅炖(ES6、ES7、ES8学习指南)解锁多种JavaScript数组去重姿势Here’s how you can make better use of JavaScript arrays一个合格的中级前端工程师需要掌握的 28 个 JavaScript 技巧1.5万字概括ES6全部特性(已更新ES2020)2. CSS 基础 position - CSS: Cascading Style Sheets | MDNposition | CSS Tricks杀了个回马枪，还是说说position:sticky吧30 分钟学会 Flex 布局css行高line-height的一些深入理解及应用A Complete Guide to Flexbox写给自己看的display: flex布局教程从网易与淘宝的font-size思考前端设计稿与工作流细说移动端 经典的REM布局 与 新秀VW布局移动端1px解决方案Retina屏的移动设备如何实现真正1px的线？CSS retina hairline, the easy way.浏览器的回流与重绘 (Reflow & Repaint)回流与重绘：CSS性能让JavaScript变慢？CSS实现水平垂直居中的1010种方式（史上最全）干货!各种常见布局实现CSS 常见布局方式彻底搞懂CSS层叠上下文、层叠等级、层叠顺序、z-index深入理解CSS中的层叠上下文和层叠顺序Sass vs. Less2019年，你是否可以抛弃 CSS 预处理器？浅谈 CSS 预处理器（一）：为什么要使用预处理器？浏览器将rem转成px时有精度误差怎么办？Fighting the Space Between Inline Block Elements 想要知道更多内容请申请加入我们扣qun  834708187群里都是学web前端开发的，如果你正在学习前端 ，小编欢迎你加入，今天分享的这个案例已经上传到群文件，大家都是软件开发党，不定期分享干货（只有前端软件开发相关的），包括我自己整理的一份2020最新的前端进阶资料和高级开发教程，欢迎进阶中和进想深入前端的小伙伴。

本文章由javascript技术分享原创和收集