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

1. JavaScript

执行上下文/作用域/作用域链/闭包

• 理解 JavaScript 中的执行上下文和执行栈
• JavaScript闭包的底层运行机制
• JavaScript深入之词法作用域和动态作用域
• JavaScript深入之作用域链
• JavaScript深入之执行上下文栈

异步编程/Promise/Async,Await

• javascript.info Promise
• Promise不会？？看这里！！！史上最通俗易懂的Promise！！！
• javascript.info Generator

函数式编程

• 尾递归为啥能优化？

进阶

• 递归和堆栈
• 详解JavaScript中的Event Loop（事件循环）机制

3. Vue

diff算法/原理

• 为什么 Vue 中不要用 index 作为 key？（diff 算法详解）
• 详解vue的diff算法
• 浅入浅出图解domDIff

源码分析

• Vue 源码分析系列之一：Vue 实例化过程

4. TypeScript

• typescript 中的 interface 和 type 到底有什么区别？
• 掌握甩锅技术: Typescript 运行时数据校验

5. CSS

CSS变量

• CSS 变量教程
• Vue超好玩的新特性：在CSS中引入JS变量
• 浏览器的回流与重绘 (Reflow & Repaint)

概念

• What the heck, z-index??
• 什么是 viewport ?

布局/Flex

• CSS实现自适应九宫格布局

6. 前端工程化

构建工具/webpack/Vite/Rollup

• Webpack 知识图谱：模块化、基础概念、工作原理、实战应用
• 浅谈 Vite 2.0 原理，依赖预编译，插件机制是如何兼容 Rollup 的？
• Webpack 打包太慢？来试试 Bundleless
• 从零实现webpack热更新HMR
• 揭秘webpack loader
• Sentry原理--收集错误、上报
• Vite 原理分析

模块/优化

• How CommonJS is making your bundles larger
• avaScript模块：从IIFE，CommonJS到ES6模块
• 深入 CommonJs 与 ES6 Module

7. 安全

• 前端配置防盗链和反盗链
• 前端解决第三方图片防盗链的办法 - html referrer 访问图片资源 403 问题

8. 算法

• 重试策略(指数退避算法)
• 服务异常重试机制-指数退避算法

9. 架构设计

• BFF 模式
• Backend For Frontend (BFF)

10. 浏览器和网络

• 史上最全！图解浏览器的工作原理

• 浏览器渲染流程&Composite（渲染层合并）简单总结

• 深入理解HTTPS工作原理

• 彻底搞懂HTTPS的加密原理

• 解密 HTTP/2 与 HTTP/3 的新特性

11. 服务端渲染

• 彻底理解服务端渲染 - SSR原理

12. 其他

• 字节跳动面试官：请你实现一个大文件上传和断点续传
• JSON Parser with JavaScript

站点/博客/工具收集

• 深入浅出 useSWR 原理

• 在线Babel转换

• vue-design

• Vue.js 技术揭秘

• 冴羽(mqyqingfeng)的博客

• 手把手刷算法(labuladong)

• 飞书表格，前端年后面试真题，会80%直接进大厂副本

• 浏览器工作原理与实践

• 设计模式

• v8 Blog

• BFE 前端刷题，帮助你练习前端开发，准备前端面试

• microjs

• 数学乐 - 一个学习数学的网站

• Markdown latex 语法整理

• 深入理解 TypeScript

• React技术揭秘

• Tan Li Hau

• JavaScript Weekly

• 优质github项目收集 webdevscom

• made with react.js

• Vite 源码分析

• Nodejs技术栈

• freeCodeCamp 免费学习编程