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

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

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

• 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”上线了，区别于“前端开发笔记”站点，它不再是专注开发中的各个知识细节，而是从整个前端开发知识体系出发，以网带面，做到各个知识点的链接和覆盖。还有一点就是，你可以从这个网站上看到很多代码的动态演示效果，这也是我目前在探索的领域，希望以生动直接的方式来讲解知识点。

如果你也想搭建这样一个站点，可以参考：

• 关于页面
• 我是如何使用 Docusaurus 来搭建网站的