重学前端（二）知识框架划分

思考题解答:

对于任何计算机语言来说，一定是“用规定的文法，去表达特定语义，最终操作运行时”的一个过程。语义是两者之间的桥梁。

所以可以将 js 知识目录分为三部分:

1. 文法

2. 语义

3. 运行时

再细分则是：

1. 文法

   1. 语法

   2. 词法

2. 语义

3. 运行时

   1. 类型

   2. 执行过程

文法的划分是根据编译原理，语义跟语法是对应关系，运行时则是：程序 = 算法 + 数据结构。

在这种顶层和大结构上，通过逻辑来保持完备性。这样划分出来的知识点不会有遗漏。

再往下细分，则需要技巧

1. 比如 js 有完整的文法，可以根据它来完成

2. js 有一个统一的标准，也可以根据语法去建立语义的知识架构

学习的过程，可以看作是让知识架构不断进化的过程，通过知识架构的自然延伸，可以更轻松记住难点以及发现盲点。同样也利于面试。

知识框架图

一. 基础部分

1. js

js知识架构图

首先按照编程语言的一般规律：用一定的词法和语法，表达一定语义，从而操作运行时，把语言按照文法、语义和运行时来拆分

又按照程序的一般规律，把运行时份分为数据结构和算法：数据结构包含类型和实例（7 种基本类型，实例是内置对象部分），算法则是 js 执行过程。

执行过程按照从大结构到小结构讲解，从最顶层的程序与模块、实践循环和为任务，到函数、再到语句级的执行，从粗到细了解。

2. css 和 html

css 和 html

html，css 应当做一门语言来了解

3. 浏览器的实现原理和 api

   
   浏览器的实现原理和 api

浏览器实现原理是深入理解 api 的基础

二. 实践部分

实践部分