青训营Day5——Web 标准与前端开发伴学笔记 | 青训营X豆包MarsCode 技术训练营
Web开发基本情况概览：
关于前端变迁
- Web的只读时代
* 技术构成：最初的Web仅支持简单的内容发布，使用的主要技术是 HTML（超文本标记语言），HTTP（超文本传输协议），和 URL（统一资源定位符）。
* 特点：
+ 只有静态内容，用户只能查看内容，不能与之交互。
+ 页面内容固定，缺乏动态更新和实时交互。
+ 常见技术：HTML、CSS、JS、CGI。
+ CGI是Web与外部程序交互的标准接口，但它的性能较低，因为每次请求都会启动一个新的进程，处理效率较差。
- Web的体验时代
* 技术演进：随着技术的发展，AJAX（Asynchronous JavaScript and XML）使得页面可以部分更新，提升了用户交互体验。Web API和jQuery进一步改善了Web开发的效率和用户体验。
* 特点：
+ 允许页面局部刷新和异步请求，提升了动态交互性。
+ Web页面不再是单纯的静态内容，可以实现动态内容和社交互动。
+ 用户生成内容（UGC）开始流行，Web 2.0时代的到来。
+ Web开发的重心从静态页面转向用户交互和动态内容。
+ 单页应用（SPA）开始流行，网页无需刷新即可动态加载内容。
- Web的敏捷时代
* 技术演进：进入敏捷时代，前端开发技术变得更加复杂和高效。React.js、Vue.js、Webpack等技术开始被广泛应用。
* 特点：
+ 组件化、模板化：Web应用程序的开发开始倾向于模块化，代码重用性增强，开发效率大幅提升。
+ 转译与打包：通过转译技术（如Babel），将现代JavaScript代码转化为兼容性更强的版本。同时，打包工具如Webpack则将项目的各个资源（JS、CSS、图片等）进行打包，优化性能。
+ 前端应用的复杂度和维护性得到大幅提升，开发者可以利用更多先进的框架（如React、Vue）和工具（如Webpack）进行高效的开发。
前端应用的领域
- 浏览器
* 桌面浏览器
* 移动浏览器
- 服务器
* node.js
* Express JS
* koa
- 终端与跨端
* 终端/命令行
+ Webpack CLI
+ Babel CLI
+ Vue CLI
+ React CLI
* 桌面跨端
+ Electron
+ NW.js
* 移动跨端
+ React Native
+ Flutter
前端开发的语言、框架、工具
- 语言：
- 三巨头：HTML、CSS、JS
- WebAssembly 的出现让前端能够在浏览器中运行更多的编程语言（如C、C++、Rust） （类似于一种汇编语言）
- 框架：
- 建议：了解框架之前先了解一下作者、作者写框架的初衷等
Web标准
Web标准组织：
- W3C（World Wide Web Consortium——万维网联盟）
* 主要负责制定Web的标准，包括HTML、CSS等。
* 规范查询网站
- Ecma（Ecma International）
* 负责JavaScript语言的标准化（如ECMAScript）
- WHATWG（Web Hypertext Application Technology Working Group）
* 专注于HTML和相关技术的标准化
- IETF（Internet Engineering Task Force）
* ** 负责互联网协议的制定，包括HTTP等网络协议 **
