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

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 macroTask of macroTaskQueue) {
handleMacroTask();

for (const microTask of microTaskQueue) {
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 其它优化

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

前端也需要了解的 JSONP 安全]( )