本文主要是介绍2020年前端面试复习必读精选文章【赠复习导图】,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
前言
之前写过一篇 一年半经验如何准备阿里巴巴前端面试,给大家分享了一个面试复习导图,有很多朋友说希望能够针对每个 case 提供一个参考答案。
![](/upload/202004/07/202004071401233088.png)
写答案就算了,一是精力有限,二是我觉得大家还是需要自己理解总结会比较好。
给大家整理了一下每个 case 一些还算不错的文章吧(还包括一些躺在我收藏夹里的好文章),大家可以自己看文章总结一下答案,这样也会理解更深刻。
并不是所有文章都需要看,希望是一个抛砖引玉的作用,大家也可以锻炼一下自己寻找有效资料的能力 ~
( 文章排序不分前后,随机排序 ~
建议收藏文章,结合复习导图食用,效果更佳。
完整复习导图全展开太大了,可关注公众号「前端试炼」回复【面试】获取。
![](/upload/202004/07/202004071401234504.png)
1. JavaScript 基础
![](/upload/202004/07/202004071401235832.png)
1.1 执行上下文/作用域链/闭包
1.2 this/call/apply/bind
1.3 原型/继承
1.4 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 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 基础
![](/upload/202004/07/202004071401237326.png)
3. 框架(Vue 为主)
![](/upload/202004/07/202004071401238927.png)
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. 工程化
![](/upload/202004/07/202004071401240451.png)
4.1 Webpack
4.2 Babel
4.3 模板引擎
4.4 前端发布
4.5 weex
4.6 前端监控
5. 性能优化
![](/upload/202004/07/202004071401241886.png)
5.1 打包阶段
5.2 其它优化
6. TypeScript
![](/upload/202004/07/202004071401243165.png)
7. 网络
![](/upload/202004/07/202004071401244308.png)
7.1 HTTP
7.2 HTTPS/HTTP2
7.3 DNS
7.4 TCP
7.5 CDN
7.6 经典题
8. 设计模式
![](/upload/202004/07/202004071401245431.png)
9. 数据结构/算法
![](/upload/202004/07/202004071401246398.png)
10. 安全
![](/upload/202004/07/202004071401247306.png)
11. Node
12. 项目/业务
思考题,自由发挥
13. 其它
14. 面试
15. 书单
推荐一些值得看的书,基本都是我看完或者有翻过几页觉得不错但是还没时间看的书。
15.1 JavaScript
- JavaScript 高级程序设计(高程就不多说了,第四版有英文版)
- JavaScript 设计模式
- 你不知道的 JavaScript
- JavaScript 语言精粹
- 高性能 JavaScript
- Learning TypeScript 中文版
- 深入理解 ES6
- ES6 标准入门
- 深入理解 JavaScript 特性
15.2 CSS
- CSS 权威指南(建议看英文版)
- 精通 CSS 高级 Web 标准解决方案
- CSS 世界(张鑫旭老师的大作,但是建议需要有一定 CSS 实践后再看)
15.3 Node
15.4 计算机基础
- 大话数据结构
- 图解 HTTP
- 计算机/程序是怎样跑起来的
- 学习 JavaScript 数据结构与算法
15.5 工程化/浏览器/软技能
- 前端工程化体系设计与实践
- webpack 实战:入门、进阶与优化(了解一下 webpack 的所有会涉及到的知识点)
- WebKit 技术内幕(讲浏览器的,挺好的)
- 重构:改善既有代码的涉及
- 码农翻身
- 程序员思维修炼
- 编码:隐匿在计算机软硬件背后的语言
- 写给大家看的设计书
- 技术之瞳:阿里巴巴技术笔试心得
结束语
上文整理了网上的一些相关文章和躺在我收藏夹里精选文章,有一些文章还没看,还需要持续学习呀 ~
放弃了假期快落的岛上生活(动森),吐血整理这份资料,希望对大家有所帮助~
欢迎关注公众号「前端试炼」,回复【面试】获取完整复习导图。公众号平时会分享一些实用或者有意思的东西,发现代码之美。专注深度和最佳实践,希望打造一个高质量的公众号。偶尔还会分享一些摄影 ~
扫码_搜索联合传播样式-标准色版.png
![](/images/baidian.png)
也可以扫码加我微信,拉你进交流划水聊天群,有看到好文章/代码都会发在群里。
![](/images/baidian.png)
这篇关于2020年前端面试复习必读精选文章【赠复习导图】的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!