根据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
先看图，了解为啥这样划分，同样后边再详细介绍。
前端工程实践
前端工程实践=性能+工具链+持续集成+搭建系统+架构与基础库
