2021年前端面试必读文章【超三百篇文章-赠复习导图】

本节目标：理解“2021年前端面试必读文章【超三百篇文章-赠复习导图】”的核心思路，并能把它用于实际开发或面试表达。

说明：原 OneNote 中有图片引用，但图片未包含在导出目录中；本页保留了可用的文字与代码内容。 2021年前端面试必读文章【超三百篇文章/赠复习导图】 转载请联系作者。原文链接哈哈，之前是 2020 年必读文章，到了 2021 年了，感觉这些文章还都是经典，那就改个标题吧。[手动狗头] 前言之前写过一篇一年半经验如何准备阿里巴巴前端面试，给大家分享了一个面试复习导图，有很多朋友说希望能够针对每个 case 提供一个参考答案。

写答案就算了，一是精力有限，二是我觉得大家还是需要自己理解总结会比较好。给大家整理了一下每个 case 一些还算不错的文章吧（还包括一些躺在我收藏夹里的好文章），大家可以自己看文章总结一下答案，这样也会理解更深刻。 并不是所有文章都需要看，希望是一个抛砖引玉的作用，大家也可以锻炼一下自己寻找有效资料的能力 ~ ( 文章排序不分前后，随机排序 ~

建议收藏文章，结合复习导图食用，效果更佳。完整复习导图全展开太大了，可关注公众号「前端试炼」回复【面试】获取。

1. JavaScript 基础

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

1.2 this/call/apply/bind

1.3 原型/继承

1.4 Promise

asyncfunctionasync1() { console.log('async1 start'); awaitasync2(); console.log('async1 end');} // 相当于asyncfunctionasync1() { console.log('async1 start'); Promise.resolve(async2()).then(() =>{ console.log('async1 end'); })}复制代码 1.5 深浅拷贝

1.6 事件机制/Event Loop

这个知识点真的是重在理解，一定要理解彻底 for(constmacroTask ofmacroTaskQueue) { handleMacroTask(); for(constmicroTask ofmicroTaskQueue) { handleMicroTask(microTask); }}复制代码 1.7 函数式编程

1.8 Service Worker / PWA

1.9 Web Worker

1.10 常用方法 太多了... 总的来说就是 API 一定要熟悉...

2. CSS 基础

3. 框架(Vue 为主)

3.1 MVVM

3.2 生命周期

3.3 数据绑定

3.4 状态管理

3.5 组件通信

3.6 Virtual DOM

3.7 Diff

3.8 Vue 计算属性 VS 侦听属性

3.9 React Hooks

3.10 React Hoc/Vue mixin

3.11 Vue 和 React 有什么不同 从思想、生态、语法、数据、通信、diff等角度自己总结一下吧。 4. 工程化

4.1 Webpack

4.2 Babel

4.3 模板引擎

4.4 前端发布

4.5 weex

4.6 前端监控

5. 性能优化

5.1 打包阶段

5.2 其它优化

欢迎关注公众号「前端试炼」，回复【面试】获取完整复习导图。公众号平时会分享一些实用或者有意思的东西，发现代码之美。专注深度和最佳实践，希望打造一个高质量的公众号。 > 来自 <https://juejin.cn/post/6844904116339261447>

2021年前端面试必读文章【超三百篇文章-赠复习导图】 ​

2021年前端面试必读文章【超三百篇文章-赠复习导图】