前端面试资料

哈哈，之前是 2020 年必读文章，到了 2021 年了，感觉这些文章还都是经典，那就改个标题吧。[手动狗头]

前言

之前写过一篇一年半经验如何准备阿里巴巴前端面试，给大家分享了一个面试复习导图，有很多朋友说希望能够针对每个 case 提供一个参考答案。

写答案就算了，一是精力有限，二是我觉得大家还是需要自己理解总结会比较好。

给大家整理了一下每个 case 一些还算不错的文章吧（还包括一些躺在我收藏夹里的好文章），大家可以自己看文章总结一下答案，这样也会理解更深刻。

并不是所有文章都需要看，希望是一个抛砖引玉的作用，大家也可以锻炼一下自己寻找有效资料的能力 ~

( 文章排序不分前后，随机排序 ~

建议收藏文章，结合复习导图食用，效果更佳。

完整复习导图全展开太大了，可关注公众号「前端试炼」回复【面试】获取。

1. JavaScript 基础

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

理解 JavaScript 中的执行上下文和执行栈
JavaScript深入之执行上下文栈
一道js面试题引发的思考
JavaScript深入之词法作用域和动态作用域
JavaScript深入之作用域链
发现 JavaScript 中闭包的强大威力
JavaScript闭包的底层运行机制
我从来不理解JavaScript闭包，直到有人这样向我解释它...
破解前端面试（80% 应聘者不及格系列）：从闭包说起

1.2 this/call/apply/bind

JavaScript基础心法——this
JavaScript深入之从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 JavaScript
JavaScript深入之创建对象的多种方式以及优缺点
详解JS原型链与继承
从__proto__和prototype来深入理解JS对象和原型链
代码复用模式
JavaScript 中的继承：ES3、ES5 和 ES6

1.4 Promise

100 行代码实现 Promises/A+ 规范
你好，JavaScript异步编程---- 理解JavaScript异步的美妙
Promise不会？？看这里！！！史上最通俗易懂的Promise！！！
一起学习造轮子（一）：从零开始写一个符合Promises/A+规范的promise
Promise实现原理（附源码）
当 async/await 遇上 forEach
Promise 必知必会（十道题）
BAT前端经典面试问题：史上最最最详细的手写Promise教程

async function async1() {
    console.log('async1 start');
    await async2();
    console.log('async1 end');
}

// 相当于
async function async1() {
console.log(‘async1 start’);
Promise.resolve(async2()).then(() => {
console.log(‘async1 end’);
})
}
复制代码

1.5 深浅拷贝

1.6 事件机制/Event Loop

for (const microTask of microTaskQueue) {
handleMicroTask(microTask);
}
}
复制代码

1.7 函数式编程

1.8 Service Worker / PWA

1.9 Web Worker

1.10 常用方法

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 其它优化

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

6. TypeScript

7. 网络

7.1 HTTP

7.2 HTTPS/HTTP2

7.3 DNS

7.4 TCP

7.5 CDN

7.6 经典题

8. 设计模式

9. 数据结构/算法

10. 安全

11. Node

12. 项目/业务

13. 其它

14. 面试

15. 书单

推荐一些值得看的书，基本都是我看完或者有翻过几页觉得不错但是还没时间看的书。