起源、架构、变迁

起源：最早是从一个建议：Timothy John Berners-Lee在一个物理研究机构写了一个关于信息管理的建议，提出了一个“万维网”的构想 – 世界上的电脑互相连接起来。这是 Web 的起源。

架构：三种技术：HTML 是内容，http 是传输工具，而 URL 是内容的可访问地址

变迁：

只读时代（1989-2004）
体验时代（2005-2010）
敏捷时代（2010-2021）

应用

To Bussiness

面向企业、机构、银行、政府等，管理资源、监控服务状态等

To Customer

面向普通人，电商平台、门户网站、在线教育等平台

To Developer

面向我们程序员自己，开发者自产自销

浏览器

包括桌面浏览器、移动浏览器

服务器

nodejs

经典的 nodejs 服务器框架有 express、koa 等

终端、跨端

命令行、终端：

Webpack Cli
Babel Cli
Vue Cli
React Cli

跨端：对于桌面端来说，现在有 electron、NW.js 这两个比较热门的框架来作为开发工具，而对于移动端来说，还有 react-native、flutter 等

语言、框架、工具

wasm

从 js 诞生之后到现在，浏览器中能运行的语言就只有 HTML、Css、Js 三门语言，已经持续 20 多年了。但是在 2019 年的年底，wasm 规范通过了社区认证，主流的浏览器都已经关于 wasm 达成了一些共识。它脱胎于 asm.js，更加的开放、安全、快速。

框架

QQ截图20230825225355.png

学习路线

学习前端要学习计算机网络知识，这是前后端联调的基础；需要学习 html+css+js 经典套餐，这是二十年来的必经之路；学习版本管理 git，因为协作是我们工作顺利的保障；学习一个包管理工具 npm/yarn；学习一种构建工具 webpack，esbuild 是超快的速度，而 vite 是新兴的产物；学习一门前端框架，react 和 vue 都是一时之选。

Web标准组织

W3C
Ecma
WHATWG
IETF

Web标准通常指的是W3C发布的标准

W3C规范制定流程

QQ截图20230825232557.png

Ecma TC39规范制定流程

QQ截图20230825232725.png

个人总结

在学习过程中，学习到了前端开发的起源、变迁、框架，前端应用的领域，前端的语言、工具等，还学习了web标准的相关组织以及其中一些组织的规范制定流程。WEB标准是指网页设计和开发的一系列标准，它们被设计用来确保网页在各种浏览器和操作系统上显示出正确的样式和功能。WEB标准主要包括结构（Structure）、表现（Presentation）、行为（Behavior）。符合Web标准的网站在不同的浏览器和设备上的显示效果相对更为一致，使得网站可以在不同的操作系统、浏览器、移动设备上保持正确的显示效果；符合Web标准的网站更易于访问，尤其是对于使用特殊设备的用户；符合Web标准的网站具有更加清晰、模块化、易于维护的代码结构，使得网站更加健壮、易于维护和升级；符合Web标准的网站更加高效，可以减少代码的冗余和不必要的代码，加速网站的加载速度，提高用户体验。Web 标准是前端开发的基石，它们为网页的结构、样式和行为提供了规范和统一的标准，遵循标准，我们可以创建更具可维护性和可扩展性的 Web 应用程序。

Web标准与前端开发|青训营