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

119 阅读2分钟

关于前端开发

起源、架构、变迁

1.Tim Berners-Lee在1989欧洲于CERN提出关于信息管理的建议

image.png

2.Web的架构:最初诞生时的三技术——HTTP、HTML、URL,不久后诞生css和js

image.png

image.png

3.变迁:只读(1989-2004)——体验(2005-2010)——敏捷(2010-2021)

image.png

前端的应用领域

1.开发对象

To Business:针对公司业务开发的网站平台比如某些大型机构业务平台、某云等

To Customer:终端客户使用的网站平台如购物网站、在线教育平台等

To Developer:开发者使用的工具如代码编译器等

2.浏览器:Desktop和Mobile(使用场景不同)

3.服务器:主要依托node.js

4.终端和跨段

终端/命令行工具(脚手架):Webpack CLI、Babel CLI、Vue CLI、React CLI

桌面跨端:Electron、NW.js

移动跨端:React Native Flutter

语言、框架、工具

1.W3C于2019年发行的标准显示有四种前端标准语言:HTML、CSS、JS、WASM(新的编码方式,类似汇编,像c、c++、Rust这种语言可以转化成WASM,能极大提升浏览器的运行速度)

2.框架

image.png

前端学习路线

roadmap.sh/frontend

关于Web标准

web标准是开放的,了解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流程

image.png

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

image.png

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

如何参与

首先要关注会议

W3C会议:年度大会(AC、TPAC)和工作组会议

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