前端语言串讲 | 青训营笔记

HTML 和 CSS

HTML 用于定义内容的结构和语义，CSS 用于设计风格和布局。比如可以使用 CSS 来更改内容的字体、颜色、大小、间距，将内容分为多列，或者添加动画及其他的装饰效果。

HTML 5

ECMAScript 6（ES2015）发布 ECMAScript 6（也称为 ES2015）是 JavaScript 发展史上最重要的版本之一。ES6（ECMAScript 2015）引入了许多重要的新特性，改进了 JavaScript 语言的编程模式和可读性。这些新特性有：

• 类（Class）语法：提供了基于原型的面向对象编程的语法糖。
• 模块化（Module）：引入了模块化编程的概念，使得开发者可以将代码拆分为可重用的模块。
• 箭头函数（Arrow Function）：简化了函数定义的语法，同时自动绑定 this 上下文。
• Promise：提供了一种更好的异步编程模式，帮助开发者更容易处理异步操作。
• 解构赋值（Destructuring Assignment）：一种更简洁的变量解构和赋值方式。
• 默认参数（Default Parameters）：允许函数参数具有默认值。
• 模板字符串（Template Literals）：提供了一种简单的字符串插值和多行字符串的表示方法。
• 增强的对象字面量：增加了对于简写属性和方法的支持。 let 和 const 关键字：引入了块级作用域，并允许更精确地声明变量和常量。

CSS

CSS 是一门基于规则的语言 —— 你能定义用于你的网页中特定元素样式的一组规则。

语法由一个 选择器 (selector) 开始。它 选择 (selects)  了我们将要用来添加样式的 HTML 元素。在这个例子中我们为一级标题（主标题<h1>）添加样式。

接着输入一对大括号{ }。在大括号内部定义一个或多个形式为 属性 (property):值 (value);  的 声明 (declarations) 。每个声明都指定了我们所选择元素的一个属性，之后跟一个我们想赋给这个属性的值。

冒号之前是属性，冒号之后是值。不同的 CSS 属性 (properties) 对应不同的合法值。在这个例子中，我们指定了 color 属性，它可以接受许多颜色值；还有 font-size 属性，它可以接收许多 size units 值。

一个 CSS 样式表可以包含很多个规则。

JavaScript

JavaScript 编程语言允许我们在 Web 页面上实现复杂的功能。如果看到一个网页不仅仅显示静态的信息，而是显示依时间更新的内容，或者交互式地图，或者 2D/3D 动画图像，或者滚动的视频播放器，等等。基本可以确定，这需要 JavaScript 的参与。

JavaScript 是单线程的，意味着在一个时间点只能执行一个任务。为了处理异步操作和事件回调，JavaScript 引入了事件循环（Event Loop）。事件循环使用任务队列（Task Queues）来管理要执行的任务。任务队列分为两种类型：宏任务队列（Macro-Task Queue）和微任务队列（Micro-Task Queue）。