《重学前端》读后感（02|列一份前端知识架构图）

根据winter老师的划分，前端知识在总体上分为基础部分和实践部分。

其中基础部分，就包含了JavaScript语言、HTML+CSS、浏览器实现原理和API三个模块，这三个模块涵盖了一个前端工程师的所需要掌握的全部知识；

而实践部分，winter会分享自己工作过程中遇到的问题以及解决方案；

JavaScript

上图的划分遵循了编程语言的一般规律：用一定的词法和语法，表达一定的语义，从而操作运行时。

再看，把运行时划分为数据结构和算法（执行过程）

数据结构：包含类型和实例，JavaScript类型就是它的7种基本类型和7种语言类型，实例就是它的内置对象；

【7种基本类型：Undefined、Null、Boolean、Number、String、Symbol（ES6）、Object（复杂数据类型/引用类型）】

【7种语言类型：List和Record、Set、Completion Record、Reference、Property Descriptor、Lexical Environment和Environment Record、Data Block】

算法：所谓算法，也就是JavaScript的执行过程。

HTML+CSS

HTML部分，划分为元素、语言、补充标准；

元素的划分：

1、文档元信息：通常出现在head标签中的元素，包含了描述文档自身的一些信息；例：title、meta、style、link、base等

2、语义相关：扩展了纯文本，表达文章结构、不同语言要素的标签；例：section、nav等

3、链接：提供到文档内和文档外的链接；

4、替换型标签：引入声音、图片、视频等外部元素替换自身的一类标签；例：img、video等

5、表单：用于填写和提交信息的一类标签；例：input、button等

6、表格：表头、表尾、单元格等表格结构。

CSS部分，划分为语言和功能；后边文章再做详细介绍

浏览器的实现原理和API

先看图，了解为啥这样划分，同样后边再详细介绍。

前端工程实践

前端工程实践=性能+工具链+持续集成+搭建系统+架构与基础库