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

时间 2020-04-12

标签 2020年前端面试复习文章超百篇文章/赠复习导图栏目快乐工作繁體版

原文原文链接

转载请联系做者。原文连接javascript

前言

以前写过一篇一年半经验如何准备阿里巴巴前端面试，给你们分享了一个面试复习导图，有不少朋友说但愿可以针对每一个 case 提供一个参考答案。css

写答案就算了，一是「精力有限」，二是我以为你们仍是须要本身「理解总结会比较好」。html

给你们整理了一下每一个 case 一些还算不错的文章吧（还包括一些躺在我收藏夹里的好文章），你们能够本身看文章总结一下答案，这样也会理解更深入。前端

「并非全部文章都须要看」，但愿是一个抛砖引玉的做用，你们也能够锻炼一下本身寻找有效资料的能力 ~vue

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

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

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

1. JavaScript 基础

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

这个知识点真的是重在理解，必定要理解完全react

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 必定要熟悉...webpack

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. 书单

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

15.1 JavaScript

JavaScript 高级程序设计（高程就很少说了，第四版有英文版）
JavaScript 设计模式
你不知道的 JavaScript
JavaScript 语言精粹
高性能 JavaScript
Learning TypeScript 中文版
深刻理解 ES6
ES6 标准入门
深刻理解 JavaScript 特性

15.2 CSS

CSS 权威指南（建议看英文版）
精通 CSS 高级 Web 标准解决方案
CSS 世界（张鑫旭老师的大做，可是建议须要有必定 CSS 实践后再看）

15.3 Node

Node.js 实战
了不得的 Node.js

15.4 计算机基础

大话数据结构
图解 HTTP
计算机/程序是怎样跑起来的
学习 JavaScript 数据结构与算法

15.5 工程化/浏览器/软技能

前端工程化体系设计与实践
webpack 实战：入门、进阶与优化（了解一下 webpack 的全部会涉及到的知识点）
WebKit 技术内幕（讲浏览器的，挺好的）
重构：改善既有代码的涉及
码农翻身
程序员思惟修炼
编码：隐匿在计算机软硬件背后的语言
写给你们看的设计书
技术之瞳：阿里巴巴技术笔试心得

结束语

上文整理了网上的一些相关文章和躺在我收藏夹里精选文章，有一些文章还没看，还须要持续学习呀 ~

放弃了假期快落的岛上生活（动森），吐血整理这份资料，但愿对你们有所帮助~

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

也能够扫码加我微信，拉你进交流划水聊天群，有看到好文章/代码都会发在群里。