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

682次阅读

共计 1106 个字符，预计需要花费 3 分钟才能阅读完成。

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

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

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