yo!建立前端知识体系 | 8月更文挑战

456 阅读2分钟

什么是 ”知识体系“

我们可以把它理解为知识的“目录”或者索引,它能够帮助我们把零散的知识组织起来,也能够帮助我们发现一些知识上的盲区。

如何建立知识体系

两个原则

完备性和逻辑性。

完备性是指知识体系必须是完整的。这就意味着我们建立知识体系时要注意知识的来源必须是权威的。举个栗子,假如要建立vue相关的知识体系,我们可以根据vue的官方api文档,而不是要根据某篇博客或者某本书.

逻辑性是指知识与知识之间必须是相互关联的。

知识与知识之间的关系有以下几种:

  1. 顺序关系
    • 例如做饭过程,洗菜→择菜→切菜→炒菜→装盘
    • 例如编译过程包括,词法分析→语法分析→语义分析
  2. 组合关系
    • 即包含关系。
  • 例如CSS规则由选择器、属性和值构成。
  1. 维度关系
    • 从不同的角度
  2. 分类关系
    • CSS简单选择器包括id选择器、class选择器、元素选择器等

两个工具

建立知识体系需要两个工具

  • 思维导图 记录关键词
  • 笔记软件 记录知识详细内容

其中思维导图是最有用的工具,因为知识架构和思维导图都是树形的结构,用思维导图便于展示整个知识的结构。 但是思维导图只能记录一些要点,更详细的内容使用Notion来补充。 除了上面提到的工具,思维导图的工具还有 xmind ,记笔记的工具有:oneNote,印象笔记,typora等。

举个栗子-建立前端知识体系

首先,我把工作中涉及的知识分为三块

  • 底层知识
  • 前端知识
  • 领域知识

然后每块可以再细分

底层知识可以分为4部分

  • 理论基础
  • 编程能力
  • 架构能力
  • 工程能力

前端知识按照技术栈的角度可以分为以下部分

  • 浏览器核心原理
  • HTML
  • CSS
  • JavaScript
  • 宿主环境
  • 框架
  • 构建部署工具

领域知识的话目前工作涉及到的有

  • 音视频领域
  • 可视化领域

然后每一块的知识可以继续向下划分,最后你会得到一颗多叉树。以后学习了新的知识都可以往树上挂,挂的过程中就是把旧知识与新知识联系起来的过程,这样你的学习就不是孤立的。

以下是我的知识体系:

思维导图:

image.png

notion: image.png

如何寻找学习资源

谷歌搜索引擎,输入英文关键字进行搜索

例如:如果需要找教程,可以添加 tutorial关键字,例如 nginx tutorial