2022-03-16

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

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

这个知识点真的是重在理解，一定要理解彻底

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 基础

[图片上传失败...(image-a32f6e-1647411705002)]

3. 框架(Vue 为主)

[图片上传失败...(image-e2cdd5-1647411705002)]

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. 工程化

[图片上传失败...(image-30a9e4-1647411705002)]

4.1 Webpack

4.2 Babel

4.3 模板引擎

4.4 前端发布

4.5 weex

4.6 前端监控

5. 性能优化

[图片上传失败...(image-1775dd-1647411705002)]

5.1 打包阶段

5.2 其它优化

6. TypeScript

[图片上传失败...(image-6a5eb2-1647411705001)]

7. 网络

[图片上传失败...(image-cb6b8c-1647411705001)]

7.1 HTTP

7.2 HTTPS/HTTP2

7.3 DNS

7.4 TCP

7.5 CDN

7.6 经典题

8. 设计模式

[图片上传失败...(image-8e09c9-1647411705001)]

9. 数据结构/算法

[图片上传失败...(image-31d9e7-1647411705001)]

10. 安全

[图片上传失败...(image-13d52a-1647411705001)]

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 技术内幕（讲浏览器的，挺好的）
  • 重构：改善既有代码的涉及
  • 码农翻身
  • 程序员思维修炼
  • 编码：隐匿在计算机软硬件背后的语言
  • 写给大家看的设计书
  • 技术之瞳：阿里巴巴技术笔试心得
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 面试梳理 2021-05-03
    浏览器的缓存 强缓存exprices 绝对时间 格林尼治时间 时间点cache-control 相对时间 优先级高...
    daybreakcold阅读 312评论 0赞 0
  • 2022-03-16
    Cell |合成细胞通讯系统，可控制细胞密度 原创旧岛望月亮图灵基因 收录于话题#前沿分子生物学技术 撰文：旧岛望...
    图灵基因阅读 537评论 0赞 0
  • Technology Daily - 2019/03/05
    2019/03/05 阿里毕玄现身说法：程序员成长路线 https://mp.weixin.qq.com/s?__...
    onepedalo阅读 628评论 0赞 1
  • 2019-12-03面试题部分整理
    一道关于原型链的面试题 详解JS函数柯里化 https://www.jianshu.com/p/2975c25e4...
    iCodingShow阅读 298评论 0赞 1
  • 前端宝藏
    2019 9月 [工具] TreeJS 在线编辑器： https://threejs.org/editor/[ht...
    halber阅读 2,119评论 0赞 2