前言中秋节到了，八天大假。学够了不是很好玩吗？哈哈哈哈放纵是必须的，学习也不能落下。一年几次这么长时间的自主学习时间很少见吧？ 既然有这么长的学习时间，自然要把学习计划整理出来，把平时遗漏的知识点补全，整理出一个知识体系，那么今天就来做一个前台知识图谱吧。我们走吧！在设定一个小目标之前，我们要想好最终想要得到什么样的地图，什么样的地图才算符合我们的预期。 我自己总结了几个特点:无论形式。首先要知道，最后这个图的形式可以是多样的。 你可以使用思维导图、单词、markdown、图片、博客或自己建立一个网站等。形式只是载体，关键是内容。 我选的是思维导图，比较直观，结构层次一目了然。当然，你也可以用其他方式总结。 其次是关联性，在最终的图谱关系中，知识点之间要有联系，而不是简单的罗列知识点，应该是基于自己理解的脉络图，这样才能加深印象，便于记忆。 可拓展性的新知识是无穷无尽的，所以你的知识图谱当然要为以后的新朋友腾出空间，这就需要我们建立一个完整的结构，虽然麻雀虽小，五脏俱全。 通过设计知识地图来明确需求和目标，我们可以开始总结我们的知识结构。以思维导图为例，我把这个过程分为几个步骤:列出大纲和列出知识点，建立不同层次和同一层次的知识点之间的联系，填补大纲中提到的迷雾，不如直接上图，简单粗暴。 首先我们需要一个主题，可以自由发展。我这里直接命名为前台知识图谱。 下一步是什么？很简单。把你暂时能想到的大类加进来，简单分类。比如构建一个基本的原型，我们在此基础上进行分类。不同的方向也是相通的。比如可以按照大家的想法来分。比如我觉得HTML，JS，CSS是前台的基本功，所以就放在一起了。 设计模式，算法，数据结构，网络知识，我觉得都不是前台专属的，所以我归类为通用技能，主要以个人理解为主。 在前一次划分的基础上列出知识点。接下来，我们可以试着把你能想到的知识点都列在不同的类别下。 我们以JS为例:你会发现知识点很多，开始变得杂乱无章。最重要的是很难涵盖所有的知识点。这时候就需要进入我们的下一步，把这些知识层层叠加。 将知识点分层罗列在一起，看似丰富了知识图谱，其实每次回想JS，都只能死记硬背。 所以重点是我们需要找到这些知识点的相似之处。 这一步至关重要，因为在这个知识线程上的所有后续操作，其实都相当于重复这一步。 比如这里的零散知识点如何分类，我个人遵循的规则是:先按照你想要的分类，再考虑是否对。什么意思，就是你可以把范围、上下文、闭包放在一起，总结成执行环境。 也可以把原型链和继承并列，或者把继承放在原型链下面作为延伸补充，但关键是任何一种划分都有自己的理由。 我简单的先把自己分类，大致变成了这样:你会发现知识点突然变得有层次了。除了准确，至少这是一棵按照你的思维生长的知识树。当你回忆知识点的时候，即使没有这张图，也可以重新构建一遍。 与同级知识点建立联系的最后一步就是通过一定的关系将同级知识点联系起来，简而言之就是打开你的大脑。这些联系可以是:如果有相同的特征，相反的特征将一起使用...这一步主要是加强与同级知识点的联系，让你想到一个知识点，马上想到另一个知识点。 如果平时总结对比，即使不记得这个知识点，也能通过另一个知识点立刻回忆起来。 我自己也简单列举几个例子；Emmm，虽然很粗糙，但至少提供了一个思路~我们的知识图谱通过在这里添加知识点已经有了雏形~当然，这只是个开始。接下来要努力学习知识点，同时根据个人理解总结到知识树的相应位置。 如果你发现知识树中没有适合新知识的分类，那么恭喜你，你接触到了一个新的知识块，可以扩展和完善知识体系。 随着不断的学习和提高，你的知识体系会越来越完善~总结本文指的是如何制作自己的知识图谱。每个人的知识都不一样，所以别人的知识清单可能很全但不适合你。 我对知识点的分类只是作为参考的例子，还是需要大家自己去尝试。 根据自己的思路总结出一张知识图谱，不仅可以帮助自己梳理知识点，还可以拓宽学习路径，让后续的学习道路更加顺畅。 别烦了，现在就行动吧~我在前台领域做了几年，总结了一套前台学习的强化讲座视频和学习路线。如果有对前台开发感兴趣的伙伴，无论是想转行的，还是大学生，或者是想在工作中提升能力的web前台党，欢迎大家加入我的前台开发交流群:603985993。希望大家真诚交流！，与企业需求同步。 朋友在里面学习交流。大牛每天定时讲解前台技术！也可以关注我的微信微信官方账号:【前台学员】每天更新最新技术文章和干货。 我是在我写完的时候看到这里的。如果我觉得对你有帮助，请给我一个赞，支持一下~如果我写的有错误，也请指出来，也请参考自己的知识目录~