前端语言的基本能力
HTML是超文本标记语言，用于创建网页结构和内容。它使用标记来定义文本、图像、链接和其他元素的结构。
CSS是层叠样式表，用于定义网页的外观和样式。它可以控制文本的颜色、字体、大小、布局和其他方面。
JavaScript是一种脚本语言，用于创建交互式和动态的网页。它可以控制网页的行为，例如响应用户输入、动态更新内容和验证表单。
CSS
CSS由构造器以及对象语法构成，其中，常见的构造器有：
- 标签选择器：选择所有具有指定标记名称的元素。例如，p选择所有段落元素。
- 类选择器：选择具有指定类名的所有元素。例如，.my-class选择所有具有my-class类的元素。
- ID选择器：选择具有指定ID的元素。例如，#my-id选择具有my-id ID的元素。
- 子元素选择器：选择作为另一个元素的直接子元素的元素。例如，ul > li选择所有作为ul元素的直接子元素的li元素。
- 后代选择器：选择作为另一个元素后代的元素。例如，ul li选择所有作为ul元素后代的li元素。
- 通配符选择器：选择所有元素。例如，*选择所有元素。
- 属性选择器：选择具有指定属性的元素。例如，[type="text"]选择所有具有type属性且值为text的元素。
CSS还有很多语法，例如：
JavaScript
JavaScript是一种脚本语言，它的发展历程如下：
JavaScript最初由Brendan Eich在1995年创建，最初被称为Mocha，然后更名为LiveScript，最终被命名为JavaScript。它最初是为Netscape Navigator浏览器创建的，旨在为网页添加交互性和动态性。JavaScript最初的设计目标是简单易学，因此它采用了类似于C和Java的语法。它还具有动态类型、函数作为一等公民和原型继承等特性。
JavaScript有七种基本的数据类型：
- 数字（Number）：表示数字，包括整数和浮点数。
- 字符串（String）：表示文本，使用单引号或双引号括起来。
- 布尔值（Boolean）：表示真或假。
- 空（Null）：表示没有值。
- 未定义（Undefined）：表示未定义的值。
- 对象（Object）：表示复杂的数据结构，可以包含多个键值对。
- 符号（Symbol）：表示唯一的标识符。
它的基础语法为：
JavaScript可以定义函数，其语法为：
浏览器
浏览器的大致渲染流程为：
前端语言的配合
前端语言配合有很多种类型，在日常开发中很常见。
CSS in JavaScript
JavaScript in HTML
这里涉及到了微任务以及宏任务，我们了解一下概念。
在
JavaScript中，任务可以分为宏任务和微任务。宏任务是由浏览器排队执行的任务，例如事件处理程序、setTimeout和setInterval回调。微任务是在当前任务完成后立即执行的任务，例如Promise回调和MutationObserver回调。当一个任务完成时，它会检查是否有微任务需要执行，如果有，则执行它们，然后再执行下一个宏任务。
