笔记--重学前端（一）

##前端知识体系架构

• 本文为：winter 发布在极客时间 【重学前端】系列课程的的笔记和总结。
• 请您支持正版：极客时间–重学前端。

###正文
     前端的知识在总体上分成基础部分和实践部分，基础部分包含了 JavaScript 语言（模块一）、CSS 和 HTML（模块二）以及浏览器的实现原理和 API（模块三），这三个模块涵盖了一个前端工程师所需要掌握的全部知识。

###JavaScript

     在 JavaScript 的模块中，首先我们可以把语言按照文法、语义和运行时来拆分，这符合编程语言的一般规律：用一定的词法和语法，表达一定语义，从而操作运行时。接下来，我们又按照程序的一般规律，把运行时分为数据结构和算法部分：数据结构包含类型和实例（JavaScript 的类型系统就是它的 7 种基本类型和 7 种语言类型，实例就是它的内置对象部分）。所谓的算法，就是 JavaScript 的执行过程。

###HTML 与 CSS

     在 HTML 的部分，我们会按照功能和语言来划分它的知识，HTML 的功能主要由标签来承担，所以我们首先会把标签做一些分类，并对它们分别进行讲解。

      HTML 的标签可以分为很多种，head 里面的我们称为元信息类标签，诸如 title、meta、style、link、base 这些，它们用来描述文档的一些基本信息。还有一类是一些诸如 section、nav 的标签，它们在视觉表现上跟 div 并没有区别，但是各有各的适用场景，我们把它们称作语义类标签。另外一类是 img、video、audio 之类的替换型媒体类标签，用来引入外部内容，平常开发中你也会经常用到。再有就是表单类的，比如 input、button。

     所以，基于这样的分类，我把标签分成下面几种:

• 文档元信息：通常是出现在 head 标签中的元素，包含了描述文档自身的一些信息；
• 语义相关：扩展了纯文本，表达文章结构、不同语言要素的标签；
• 链接：提供到文档内和文档外的链接；
• 替换型标签：引入声音、图片、视频等外部元素替换自身的一类标签；
• 表单：用于填写和提交信息的一类标签；
• 表格：表头、表尾、单元格等表格的结构。

###浏览器的实现原理和 API

###前端工程实践

###整体知识体系架构