关于前端开发

起源、架构、变迁

起源

"Suppose all the information stored on computers everywhere were linked. Suppose I could program my computer to create a space in which everything could be linked to everything."

翻译：假设存储在各处计算机上的所有信息都是链接的。假设我可以对我的计算机进行编程，创建一个空间，在这个空间里，所有的东西都可以链接到所有的东西。

架构

1989 年诞生时，Web 由三种技术构成：

• HTML
• HTTP
• URL

CSS 和 JavaScript 是几年之后才出现的。

变迁

前端应用的领域

• To Business
• To Customer
• To Developer

浏览器

Desktop：

• Google
• Edge
• Firefox
• Opera
• Safari

Mobile：

• Android
• Apple

服务器

• Node.js
• Express
• koa
• deno

终端与跨端

命令行 / 终端：

• Webpack CLI
• Babel CLI
• Vue CLI
• React CLI

桌面跨端：

• Electron
• NW.js

移动跨端：

• React Native
• Flutter

语言、框架、工具

语言

• HTML（结构）

• CSS（样式）

• JavaScript（行为）

• WASM

  是 W3C 官方推出的 WebAssembly 标准，可以用 C、C++、Rust 编写

框架

工具

浏览器

baijiahao.baidu.com/s?id=175689…

网络

developer.mozilla.org/zh-CN/docs/…

服务器

前端学习路线

roadmap.sh/frontend

关于Web标准

了解Web标准组织

W3C:World Wide Web Consortium万维网联盟，web发明人,目前发布了400多项标准。有四个总部美国总部在MIT，欧洲在数学与信息学研究联盟，日本在庆应大学，中国在北京航天航空大学。

Ecma:Ecma International，总部位于日内瓦，1994年把js标准化。

WHATWG:Web Hypertext Application Technology Working Group,2004年成立，有多个浏览器厂商从W3C中独立而出，为了加快HTML标准的制定而成立。

IETF:Internet Engineering Task Force，为制定底层通信标准而成立

W3C与Ecma会员

W3C会员：全球457家，中国区47家。

Ecma会员：分为OM和AM，OM可投票，AM不可，其余权益一致，AM一共18家，中国5家。

W3C流程

• 写Explainer
• 找到合适的community/group
• 写Web IDL for APIs
• 描述API设计算法
• 使用规范化编写工具Github，markdown，respec
• 联系w3ctag/design-reviews
• 写测试用例

TC39流程

提出想法，正式建议文档，语法语义描述，候选推荐标准，批准标准

如何参与

首先要关注会议

W3C会议：年度大会（AC、TPAC）和工作组会议

Ecma会议：年度大会和TC39会议