計算機知識龐大冗雜，尤其前端領域，知識概念，框架原理不斷推崇出新。在學習的過程中我們要不斷進行總結梳理，形成某一個知識領域的知識圖譜。這個知識圖譜還可以幫助我們后期進行回顧復習。
下面是前端前輩進行的總結：
- JavaScript Guidebook：JavaScript 知識圖譜 – ECMAScript | DOM | BOM | HTML5 | 計算機網絡 | 設計模式
- React Guidebook：：React 知識圖譜 – 基本概念 | 進階用法 | 框架生態 | 前沿技術 | 源碼核心
- Webpack Guidebook：：Webpack 知識圖譜 – 模塊化 | 基礎概念 | 工作原理 | 實戰應用
- DevOps Guidebook：：DevOps 知識圖譜 – Linux | Nginx | 數據庫 | 部署 | DevOps
- Vue Guidebook：Vue 知識圖譜 – 基本概念 | 響應式原理 | 編譯原理 | 框架生態
- CSS Guidebook：CSS 知識圖譜 – 特性 | 屬性 | 布局 | 響應式 | 動畫
- Node Guidebook：Node.js 知識圖譜 – 模塊 | 異步編程 | 進程 | I/O | 服務端應用
- TypeScript Guidebook：TypeScript 知識圖譜 – 靜態類型檢查 | 語法基礎 | 配置使用 | 編譯原理
- Cross Platform Guidebook：跨平臺開發知識圖譜 – HybridApp、ReactNative、小程序、Flutter、Electron
- Data Structure and Algorithms Guidebook：數據結構與算法知識圖譜 – 數據結構 | 算法 | 編程實現
- Visualizaition Guidebook：前端圖像學知識圖譜 – Canvas | SVG | WebGL
- Database Guidebook：MySQL、MongoDB
要想自己的前端知識學的扎實，我們就一定要形成這樣一個個知識圖譜，里面從基礎概念到應用到原理，讓自己的知識脈絡形成一張網，然后我們不斷地在這張網上進行修補或擴充。很多人覺得前端的知識點零碎雜就是因為沒有形成這樣的知識網，這樣也容易導致開發中遇到問題的時候，不知道該往哪個方向去想。
平時寫博客記錄的是零碎的知識點，我們還要做一個這樣的知識圖譜站，系統去梳理某個知識領域的所有知識點。這個可以有效的去幫我們在面試前鞏固知識點，從容應對！
最近我的前端編程知識站“spacexcode”上線了，區別于“前端開發筆記”站點，它不再是專注開發中的各個知識細節，而是從整個前端開發知識體系出發，以網帶面，做到各個知識點的鏈接和覆蓋。還有一點就是，你可以從這個網站上看到很多代碼的動態演示效果，這也是我目前在探索的領域，希望以生動直接的方式來講解知識點。
如果你也想搭建這樣一個站點，可以參考：
