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 环境
  • ......

关联文章:

• JavaScript 知识体系之数组基础
• 30 种经常使用 JS 数组操做集锦
• JavaScript 字符串翻转的三种方式
• 老生常谈--"闭包"不彻底解析

ECMAScript 知识体系

点击查看原图

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

关联文章:

• 最全 ECMAScript 攻略之 ES2022-ES13

浏览器知识体系

点击查看原图

前端性能优化原理与实践

点击查看原图

JavaScript 设计模式

点击查看原图

数据结构与算法知识体系

点击查看原图

设计稿还原相关知识点

点击查看原图

关联文章:

• 做为前端，你应该了解的分辨率/逻辑像素/物理像素/retina 屏知识 🧐

Typescript 知识体系

基础篇

点击查看原图

工程篇

点击查看原图

实战篇

点击查看原图

关联文章

• 构建 Typescript 知识体系(三)-TS class 浅析
• 构建 Typescript 知识体系(五)- 泛型的类/接口/函数

React 知识体系

点击查看原图

webpack 知识体系

点击查看原图

Node 知识体系

点击查看原图