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 知識體系

點擊查看原圖