【前端规划】来看看我整理的这一份专属技术知识图谱吧~

前言

国庆和中秋节来啦，整整八天的大长假，那岂不是能痛快的——学个够啦~哈哈哈放纵要有，学习也不能落下呀，一年也难得有几次这么大段的自主学习时间呢是不是。

既然有这么长的时间学习，自然要好好地梳理一下学习计划，把平时遗漏的知识点补全，整理一份知识体系，所以今天就来制作一张前端知识图谱吧，冲冲冲！

定一个小目标

在开始之前，我们得先想好，我们最终想要得到的图谱是怎么样的，什么样的图谱才算达到了心里的预期。我自己是总结了几个特点：

不拘于形式

首先，我们要知道，最终这个图谱的形式可以是多样的。你可以使用思维导图、word、markdown、图片、博客或者自己搭建一个网站等等，形式只是载体，关键的是内容。

我自己是选择的是思维导图，分点比较直观，结构层次也一目了然，当然你也可以用别的方式归纳总结。

关联性

其次，最终得到的图谱关系中，知识点与知识点应该是存在联系的，不应该是简单的罗列知识点，而是基于自己的理解归纳形成的脉络图，这样才能加深印象便于记忆。

可拓展性

新知识是学不完滴，所以你的知识图谱里当然要给以后新来的小伙伴们腾出位置，这就要求我们需要设置一个完备的架构，麻雀虽小五脏俱全。

动手设计一个知识图谱

明确了需求目标，我们就可以开始总结我们的知识结构啦，以思维导图为例，我将这个过程分为几步：

列出大纲

罗列知识点

将知识点分层

同层知识点建立联系

填充知识点

列出大纲

说的云里雾里的，不如直接上图，简单粗暴。

首先我们需要一个主题，这个主题可以自由发挥，我这里就直接取名为前端知识图谱了。接下来要做什么呢，很简单，把你暂时能想到的大致类别添加上去，做个简单的分类，比如这样：

搭建了一个基本的雏形，我们在这个基础上在进行一下归类，不同的方向也是存在联系的，比如：

这里可以根据每个人的想法划分，比如我觉得HTML,JS和CSS是前端的基本功，那我就把他们放到了一起。

设计模式、算法与数据结构和网络知识，我觉得不算是前端的专属，所以我把它们划分到了通用技能，主要是根据个人理解归类。

罗列知识点

在前面的划分基础上，我们下一步可以尝试在不同的分类下面，罗列你能想到的所有知识点。我们以JS这一项为例：
你会发现知识点有很多，而且开始变得杂乱无章，最关键的是很难覆盖到所有的知识点，这个时候就需要进入到我们的下一步了，将这些知识再进行分层。

将知识点分层

将知识点罗列在一起，看似充实了知识图谱，但事实上每次回想到JS这块知识的时候，都只能通过死记硬背的方式回忆。所以最关键的地方就在于，我们需要找到这些知识点的相似点。

这一步比较关键，因为之后对这个知识脉络的所有操作，其实都相当于在重复这一步操作。比如我们这里的零散知识点怎么进行分类，我个人遵循的原则是：

先按照你想的分类，再去考虑是不是对的什么意思呢，就是你可以把作用域和上下文和闭包放在一块，归纳为执行环境。你也可以把原型链和继承并列，也可以把继承放在原型链下面作为延伸补充，但关键的是，任何一种分法你都有有你自己的理由。我自己先简单的分个类，大致变成了这样：

你会发现知识点一下子变得层次分明了起来，抛开准确性来说的话，起码这是一棵按照你的思维生长的知识树，当你回忆知识点时，即使没有这个图谱，你也能再次重建起来。

同层知识点建立联系

最后一步，把同层的知识点通过某种关系联系起来，总之就是大开你的脑洞，这些联系可以是：

存在相同的特点

存在相反的特点

会结合使用

…

这一步主要是为了加强同层知识点的联系，让你在想到一个知识点的同时马上联想到另一个知识点。

如果你平时做过总结和对比的话，即使你忘记了这个知识点，也能马上通过另一个知识点回忆起来。我自己也简单的列几个例子；

emmm，虽然非常粗糙，但起码提供了一个思路吧~

补充知识点

到这里我们的知识图谱就已经初具雏形啦~

当然这只是个开始，接下来要努力去学习知识点，在了解到新知识的同时，根据个人理解把它归纳到知识树的对应位置。

如果你发现知识树中没有适合新知识的分类，那么恭喜你又接触到了了一个新的知识块，又可以壮大完善知识体系啦。在不断的学习完善中，你的知识体系也会变得越来越完善哦~

总结

本文分享了一下如何制作一份属于自己的知识图谱，每个人的理解都不同，所以别人的知识点目录可能很全但不适合你。

我的知识点分类仅作为一个例子供参考，还是需要大家自己尝试。根据自己的想法总结一份知识图谱不仅能帮助你梳理知识点，还可以拓宽学习的道路，让之后的学习之路更加顺利。

不要嫌麻烦，现在就行动起来吧~

在前端领域混了这几年，总结了一套前端学习的精讲视频和学习路线，如果有对前端开发感兴趣的伙伴，不管你是想转行，或是大学生，还有工作中想提升自己能力的web前端党，欢迎大家的加入我的前端开发交流群：603985993 希望大家诚心交流！，与企业需求同步。好友都在里面学习交流，每天都会有大牛定时讲解前端技术!也可以关注我的微信公众号：【前端留学生】每天更新最新技术文章干货。

写在最后

都看到这里了，如果觉得对你有帮助的话不妨点个赞支持一下呗_{如果哪里写的有错误也欢迎指出，也欢迎分享一下自己的知识目录}

【前端规划】来看看我整理的这一份专属技术知识图谱吧~相关推荐

自己整理_银行核心系统相关技术知识
缘由: 最近做互联网金融平台,直销银行项目,算是第二核心吧.涉及很多与核心相关的业务知识,记录之.. [1]超级网银: 外文名: Super-Internet-Bank 又名: 第二代支付系统开 ...
整理了一份 Python 学习知识图谱
做公众号以来和很多初学 Python 的粉丝交流过,发现不少人遇到的困惑主要集中在下面这 3类: 1.「基础不牢」类型:最近在自学数据分析,发现自己的 Python 基础太薄弱了,导致学的很吃力,原本 ...
系统规划与管理备考整理
@ 一.信息系统综合知识 1.1 信息的定义和属性 1.信息是客观事物状态和运动特征的一种普遍相识,客观世界中大量存在.产生和传递着以这些方式表示出各种各样的信息 (1)信息的定性描述控制论的创始人 ...
忙碌的你不妨停下来, 看看这份前端规划
2020.4.11 前端早早聊第四期主题「前端规划」因为是个人发展方向的活动,所以我改了之前的QA文章风格,尽量全盘记录,文字已校对,自己读了三遍,逻辑也通顺.各位仁者见仁,智者见智.如果觉得好, ...
前端开发入门提升经验整理
结合个人经历总结的前端入门方法,总结从零基础到具备前端基本技能的道路.学习方法.资料.由于能力有限,不能保证面面俱到,只是作为入门参考,面向初学者,让初学者少走弯路. 互联网的快速发展和激烈竞争,用户 ...
云栖大会上，阿里巴巴重磅发布前端知识图谱！
大家好,我是若川,点此加我微信进源码群,一起学习源码.同时可以进群免费看Vue专场直播,有尤雨溪分享「Vue3 生态现状以及展望」阿里巴巴前端知识图谱,由大阿里众多前端技术专家团历经1年时间精心整理 ...
泛前端知识图谱（Web/iOS/Android/RN)
泛前端知识图谱(Web/iOS/Android/RN) 从属于笔者的程序员成长道路上的阅读学习资料工具集锦系列,主要是对于笔者这几年在前端开发中总结出来的知识点的归集与整理,也是笔者的笔记排布目录结构 ...
《预训练周刊》第35期：零样本规划器的语言模型：为智能体提取可操作的知识、LaMDA：对话应用的语言模型...
No.35 智源社区预训练组预训练研究观点资源活动关于周刊本期周刊,我们选择了13篇预训练相关的论文,涉及动作规划.大模型改进.网络结构.零样本学习.对话模型.视频理解.机器翻译. ...
北京科技大学计算机科学与技术复试,【2017年整理】北京科技大学计算机科学与技术考研经验.doc...
[2017年整理]北京科技大学计算机科学与技术考研经验北京科技大学计算机科学与技术考研经验不管写得好不好,对不对,请众2016的考生担待点,能够从理性的角度看待我的帖子,我也不是为了增人气,说实话 ...

【前端规划】来看看我整理的这一份专属技术知识图谱吧~

【前端规划】来看看我整理的这一份专属技术知识图谱吧~相关推荐

最新文章

热门文章