前端语言的基本能力
基础的前端三剑客HTML、CSS、JavaScript
- HTML（超文本标记语言） ： HTML 是 Web 页面的基础结构。它用于描述网页的内容和结构。HTML 使用一系列标记（称为标签）来定义页面元素，如标题、段落、列表、图片和链接等。浏览器解析 HTML 代码，并根据标签的语义来显示页面内容。HTML 为网页提供了基本的骨架，使浏览器能够呈现文本、图像和其他媒体。
- CSS（级联样式表） ： CSS 用于描述 HTML 元素的外观和布局。CSS 允许我们定义如何显示 HTML 元素，例如字体、颜色、大小、间距等。通过使用 CSS，我们可以将样式与 HTML 结构分离，使得网站的设计和维护更加简便。CSS 还允许我们根据不同的设备和屏幕尺寸应用不同的样式(媒体查询)，以实现响应式设计。
- JavaScript： JavaScript 是一种脚本语言，用于在浏览器中增加交互性和动态效果。它允许我们编写脚本来处理用户操作，例如点击按钮、输入表单、拖动元素等。通过使用 JavaScript，我们也可以操作 HTML 和 CSS，动态更改页面内容和样式，从而提供丰富的用户体验。JavaScript 也可以与服务器进行通信，以便在不刷新整个页面的情况下获取或提交数据（例如，通过 AJAX）。
HTML
对于HTML是什么，MDN是这样定义的：
HTML 不是一门编程语言，而是一种用于定义内容结构的标记语言。HTML 由一系列的元素组成，这些元素可以用来包围不同部分的内容，使其以某种方式呈现或者工作。一对标签可以为一段文字或者一张图片添加超链接，将文字设置为斜体，改变字号，等等。
CSS
和 HTML 类似，CSS 也不是真正的编程语言，甚至不是标记语言。它是一门样式表语言，这也就是说人们可以用它来选择性地为 HTML 元素添加样式。
- 对于视频中提到的另一张图片，我觉得MDN提供的会更容易理解，这里附上MDN的讲解：
整个结构称为 规则集（通常简称“规则”），各部分释义如下：
其他更加细节的部分我觉得自行去查阅MDN或者W3C文档会好，这里只摘取其中一小部分与视频中讲解有关的部分
| 上图标记 | 释义 |
|---|---|
| 选择器（Selector） | HTML 元素的名称位于规则集开始。它选择了一个或多个需要添加样式的元素（在这个例子中就是 p 元素）。要给不同元素添加样式只需要更改选择器就行了 |
| 声明（Declaration） | 一个单独的规则，如 color: red; 用来指定添加样式元素的属性 |
| 属性（Properties） | 改变 HTML 元素样式的途径。（本例中 color 就是 `` 元素的属性。）CSS 中，由编写人员决定修改哪个属性以改变规则 |
| 属性的值（Property value） | 在属性的右边，冒号后面即属性的值，它从指定属性的众多外观中选择一个值（我们除了 red 之外还有很多属性值可以用于 color ） |
常见选择器
| 选择器名称 | 选择的内容 | 示例 |
|---|---|---|
| 元素选择器（也称作标签或类型选择器） | 所有指定 (该) 类型的 HTML 元素 | p 选择 <p> |
| ID 选择器 | 具有特定 ID 的元素（单一 HTML 页面中，每个 ID 只对应一个元素，一个元素只对应一个 ID） | #my-id 选择 <p id="my-id"> 或 <a id="my-id"> |
| 类选择器 | 具有特定类的元素（单一页面中，一个类可以有多个实例） | .my-class 选择 <p class="my-class"> 和 <a class="my-class"> |
| 属性选择器 | 拥有特定属性的元素 | img[src] 选择 <img src="myimage.png"> 而不是 <img> |
| 伪（Pseudo）类选择器 | 特定状态下的特定元素（比如鼠标指针悬停） | a:hover 仅在鼠标指针悬停在链接上时选择 <a>。 |
JavaScript
coderwhy老师曾经说过了解真相才能获得真正的自由，那么了解一门语言的前生今世同样对于我们理解它有着很棒的作用(不了解它的曾经，又怎么能理解它为什么要做出这样的变化)
1995 年：JavaScript 的诞生 JavaScript 最早是由 Netscape 公司的程序员 Brendan Eich 开发的，原名叫 Mocha。最初的目标是提供一种浏览器端脚本语言，用于操作 HTML 文档，增加互动性和动态效果。几个月后，Mocha 被重命名为 LiveScript，随后又改名为 JavaScript。尽管名字里包含 "Java"，但实际上 JavaScript 和 Java 并无直接关系，这个命名更多是当时为了借助 Java 语言的热度。
1996 年：ECMAScript 的诞生 为了让 JavaScript 成为一个通用的脚本语言标准，Netscape 将 JavaScript 提交给了欧洲计算机制造商协会（ECMA）。ECMA 开发了一种名为 ECMAScript 的标准化脚本语言规范。自此，JavaScript 成为 ECMAScript 规范的一种实现。
1997 年：ECMAScript 1.0 发布 ECMA 发布了 ECMAScript 的第一个版本（1.0），标志着 JavaScript 语言正式成为一个独立的编程语言。
1999 年：ECMAScript 3.0 发布 ECMAScript 3.0 是 JavaScript 发展历程中的一个重要版本，它引入了许多核心功能，如正则表达式、错误处理、更严格的变量声明等。
2005 年：Ajax 和 Web 2.0 的兴起 2005 年，Ajax（Asynchronous JavaScript and XML）技术兴起，它允许在不刷新整个页面的情况下进行局部数据更新，大大提高了 Web 应用的交互性。这一时期，Web 2.0 的概念开始流行，JavaScript 在 Web 开发中的地位得到了极大的提升。
2009 年：ECMAScript 5 发布 ECMAScript 5 版本引入了许多新特性，如 JSON 支持、严格模式、访问器属性等。同时，它还优化了一些老旧的功能和语法，使得 JavaScript 更加易用和高效。
2010 年：Node.js 的诞生 2010 年，程序员 Ryan Dahl 创立了 Node.js，将 JavaScript 扩展到了服务器端。Node.js 的出现使得 JavaScript 成为一种全栈开发语言。
2015 年：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 关键字：引入了块级作用域，并允许更精确地声明变量和常量。
2016 年至今：ECMAScript 的年度更新 自 ES6（ECMAScript 2015）发布以来，ECMAScript 规范开始了每年的更新周期。这意味着每年都会有一个新版本的 ECMAScript，其中包括一些新特性和改进。这使得 JavaScript 的发展更加稳定和可预测。
现代 Web 开发框架和库的兴起 近年来，随着 JavaScript 的发展，许多现代 Web 开发框架和库应运而生。这些框架和库（如 Angular、React、Vue.js 等）极大地提高了开发者的生产力，改变了 Web 开发的方式和规模。
