15 张前端高清知识地图，强烈建议收藏

这是我参与更文挑战的第二十天，活动详情查看:更文挑战

本文介绍了前端实际工作中用到的大部分内容及其相关知识点，大家可以收藏仔细阅读慢慢看～

• Git 常见操作集锦
• Git 分支管理规范及发布流程
• 基础前端知识体系
• ECMAScript 知识体系
• 浏览器知识体系
• 前端性能优化原理与实践
• JavaScript 设计模式
• 数据结构与算法知识体系
• 设计稿还原相关知识点
• Typescript 知识体系
  • 基础篇
  • 工程篇
  • 实战篇
• React 知识体系
• webpack 知识体系
• Node 知识体系

Git

Git 常见操作集锦

点击查看原图

这张思维导图主要包含

• 如何对使用前的做 Git 基础配置
• .git文件夹下几个文件的浅析
• 工作中 Git 的常用操作
  • 如何关联远程仓库
  • 如何遵循 Git 提交规范
  • Git 的分支管理规范是什么
  • 如何使用 Git 命令重命名文件
  • 如何使用 Git 命令删除文件
  • 如何修改Git的历史记录
  • 如何恢复到历史记录的指定版本
  • 如何比较 Git 历史记录 ? 之间的差异
  • …..

Git 分支管理规范及发布流程

点击查看完整思维导图

基础前端知识体系

点击查看原图

基础前端知识体系主要分为四个部分

• HTML
• JavaScript
• CSS
• API
  • 浏览器环境
  • 小程序环境
  • Node 环境
  • ……

ECMAScript 知识体系

点击查看原图

编者花了 2 周多的时间查阅各种文献资料，再进行分类，总结了 ECMAScript 从 ES5–ES13 各个版本的新特性

浏览器知识体系

点击查看原图

前端性能优化原理与实践

点击查看原图

JavaScript 设计模式

点击查看原图

数据结构与算法知识体系

点击查看原图

设计稿还原相关知识点

点击查看原图

Typescript 知识体系

基础篇

点击查看原图

工程篇

点击查看原图

实战篇

点击查看原图

React 知识体系

点击查看原图

webpack 知识体系

点击查看原图

Node 知识体系

点击查看原图