本节总结

这节课粗略讲解了HTML css JS的基本能力和前端语言的协作配合。除了复习基础语言基础知识，还扩展了一些额外的内容。本人由于是零基础只能听个大概，自己下来后还需要自己努力Orz。

一、前端语言的基本能力

1.1前端三剑客

• “人类骨骼” HTML（超文本标记语言，不具备图灵完备）：构建网页结构，控制网页布局。
• “人类皮囊” CSS（Cascading Style Sheet，层叠样式表）：添加样式美化页面，适应不同屏幕尺寸，是设计网站外观最佳的工具。
• “人类肌肉” JS：灵活的一个脚本语言，拥有灵活的函数和复杂的特性，主要用于网页之间的交互。

1.2 HTML

基本语法

标签分类

HTML as body

大致分为：根元素，文本语义，表单元素，嵌入元素等

HTML ARIA

了解ARIA并非只是为了盲人阅读，它可以为我们设计UI系统提供指导意义

HTML5

• HTML5语义化标签 （用对比不用好，不用比用错好）
• HTML5表单增强
• HTML5存储
• HTML5 IndexedDB
• HTML5 PWA & AMP
• HTML5 Audio
• HTML5 Video
• HTML5 二进制
• HTML5 API
• ......

1.3 CSS

基本格式

选择器 {
  key: value;
}

选择器的种类

基础选择器 复合选择器 伪类选择器和伪元素选择器

1.4 JavaScript

基本语法

1. 六个基本类型：String，Number，Boolean，Null,Underfined，Symbol
2. 对象类型Object: Array,Function

1.5 浏览器中的渲染器

小白看不太懂 截图如下

二、前端语言的协作配合

人太菜看不太懂

2.1 CSS in HTML

2.2 JS in HTML

2.3 HTML in JS

2.4 CSS in JS