Web标准 | 青训营笔记

80 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的第4天

起源、架构、变迁

起源

上网是指接入Internet,它是地球上相互连接的计算机构成的网络

架构

最初的web架构:HTTP、HTML、URL

随后产生了CSS/JS image.png

时代变迁

image.png

前端应用的领域

to Business

to Customer

to Developer

浏览器

浏览器,包括桌面浏览器和移动浏览器

桌面浏览器:Chrome. Edoe、 Firefox、 Opera、 Safari这五个主流浏览器,事实上随看谷歌Chromium开源项目的不断攻城掠地,也随者开源运动的不断属性,浏览器的多样性正在减少。因为EdgeOpera都已经选择站到了谷歌的阵营,所以事实上只有Chrome、SafariFirefox三个浏览器。

移动浏览器:安卓,IOS

服务器

node.js

express

koa

终端和跨端

这个领域通常是开发者工具

命令行/终端 webpackCLI

移动端

桌面端

语言框架工具

HTML:structure 负责结构界面

CSS:presentation/appearance 为页面提供装饰

JS:dynamism/action 赋予页面动态和交互能力

WEBAssemcly

先了解作者。明白初衷是什么。

image.png

前端学习路线

roadmap.sh/frontend\

关于web标准

标准组织

W3C:World Wide Web Consortium 万维网联盟

Ecma:Ecma Internation 欧洲计算机制造商协会

WHATWG:Web Hypertext Application Technology Working Group

网页超文本应用技术工作小组是一个以推动网络HTML 5 标准为目的而成立的组织。在2004年,由Opera、Mozilla基金会和苹果这些浏览器厂商组成。

IETF:Internet Emgineering Task Force 互联网工程任务组

W3C规范制定流程

image.png

我们看一下W3C规范的生命周期,借以了解W3C规范的制定流程:

  • WD: Working Draft, 即工作草案
  • CR: Candiate Recommendation, 即候选推荐
  • PR: Proposed Recommendation,即提议推荐
  • REC: Recommendation,即推荐标准 推荐标准就是W3C的标准的最终形态,不是强制性标准

Ecma TC39规范制定流程

image.png

负责制定ECMAScript规范的是TC39TCTechnial Committee,技术委员会的意思

  • Stage 0: strawman,稻草人,以任何形式提交的想法
  •  Stage 1: proposal,提案,特性的正式建议
  •  Stage 2:draft,草案,具有语法和语义的描述
  •  Stage 3: candidate,候选,规范文本完备,有了两个实现
  •  Stage 4: finished,完成,可以成为标准,通过单元测试