如何让自己的前端知识更全面

计算机知识庞大冗杂，尤其前端领域，知识概念，框架原理不断推崇出新。在学习的过程中我们要不断进行总结梳理，形成某一个知识领域的知识图谱。这个知识图谱还可以帮助我们后期进行回顾复习。

下面是前端前辈进行的总结：

• JavaScript Guidebook[1]：JavaScript 知识图谱 – ECMAScript | DOM | BOM | HTML5 | 计算机网络 | 设计模式

• React Guidebook[2]：：React 知识图谱 – 基本概念 | 进阶用法 | 框架生态 | 前沿技术 | 源码核心

• Webpack Guidebook[3]：：Webpack 知识图谱 – 模块化 | 基础概念 | 工作原理 | 实战应用

• DevOps Guidebook[4]：：DevOps 知识图谱 – Linux | Nginx | 数据库 | 部署 | DevOps

• Vue Guidebook[5]：Vue 知识图谱 – 基本概念 | 响应式原理 | 编译原理 | 框架生态

• CSS Guidebook[6]：CSS 知识图谱 – 特性 | 属性 | 布局 | 响应式 | 动画

• Node Guidebook[7]：Node.js 知识图谱 – 模块 | 异步编程 | 进程 | I/O | 服务端应用

• TypeScript Guidebook[8]：TypeScript 知识图谱 – 静态类型检查 | 语法基础 | 配置使用 | 编译原理

• Cross Platform Guidebook[9]：跨平台开发知识图谱 – HybridApp、ReactNative、小程序、Flutter、Electron

• Data Structure and Algorithms Guidebook[10]：数据结构与算法知识图谱 – 数据结构 | 算法 | 编程实现

• Visualizaition Guidebook[11]：前端图像学知识图谱 – Canvas | SVG | WebGL

• Database Guidebook[12]：MySQL、MongoDB

要想自己的前端知识学的扎实，我们就一定要形成这样一个个知识图谱，里面从基础概念到应用到原理，让自己的知识脉络形成一张网，然后我们不断地在这张网上进行修补或扩充。很多人觉得前端的知识点零碎杂就是因为没有形成这样的知识网，这样也容易导致开发中遇到问题的时候，不知道该往哪个方向去想。

平时写博客记录的是零碎的知识点，我们还要做一个这样的知识图谱站，系统去梳理某个知识领域的所有知识点。这个可以有效的去帮我们在面试前巩固知识点，从容应对！