【青训营】- Web 标准与前端开发

451 阅读6分钟

大概就是一些【不明觉厉】的资料汇总,虽然不一定用得到,但是就是了解一下吧!

关于前端开发

起源、架构、变迁

关于web的起源

image-20210818005541337

image-20210818005528618

参考文档: 网页版 PDF版

架构

1989年诞生时,Web由三种技术构成:

  • HTML
  • HTTP
  • URL

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

image-20210818010228633

变迁

  • 只读时代
  • 体验时代
  • 敏捷时代

image-20210818011722396

前端应用的领域

前端应用的领域

  • Business(企业级应用,企业资源管理)
  • Customer(面向消费者,门户网站、电商平台)
  • Developer(面向开发者,提升开发者开发效率的平台、工具、框架)

前端应用的领域之浏览器

Desktop

  • 谷歌
  • 火狐
  • IE
  • opera
  • safari

Mobile

  • 安卓
  • 苹果

前端应用的领域之服务器

  • node(deno)
  • Express JS
  • Koa

nodeJS之父对Node的十大遗憾(B站视频

image-20210818013654519

前端应用的领域之终端和跨端

命令行/终端

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

桌面跨端

  • Electron
  • NW.js

语言、框架、工具

node(Ryan Dahl)

  • 简单的说 Node.js 就是运行在服务端的 JavaScript

image-20210818014206813

Koa (TJ Holowaychuk)

  • Koa 是一个新的 web 框架,由 Express 幕后的原班人马打造, 致力于成为 web 应用和 API 开发领域中的一个更小、更富有表现力、更健壮的基石

image-20210818014422996

react (Jordan Walke)

  • 用于构建用户界面的 JavaScript 库

image-20210818014633759

vue(尤雨溪)

  • Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架

image-20210818014729787

TypeScript(Anders Hejlsberg)、

  • TypeScript是JavaScript类型的超集,它可以编译成纯JavaScript。 TypeScript可以在任何浏览器、任何计算机和任何操作系统上运行,并且是开源的。

image-20210818014940594

Git(Linus Torvalds)

  • Git是一个开源的分布式版本控制系统,用以有效、高速的处理从很小到非常大的项目版本管理。

image-20210818015024413

Babel(Sebastian McKenzie)

  • Babel 是一个 JavaScript 编译器

image-20210818015135164

Visual Studio Code

  • 美国微软为windows平台推出的编程开发工具

image-20210818015429320

webpack(Tobias Koppers)

  • 本质上,webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具

image-20210818015551011

浏览器、网络、服务器

深入理解现代浏览器

参考资料

image-20210818020531761

An overview of HTTP—HTTP概述

参考资料

image-20210818020734494

前端学习路线图

参考地址

image-20210818020959372

关于Web标准

JavaScript 语言的标准化

最初 JavaScript 语言有两份标准

  • ECMA-262:主标准,由 ECMA 国际组织(Ecma International)负责管理
  • ISO/IEC 16262:第二标准,由国际标准化组织(ISO,International Organization for Standardization)和国际电子技术委员会(IEC,International Electrotechnical Commission)负责管理

出于商标版权的原因,规范标准中将这门语言称为 ECMAScript,所以原则上 JavaScript 与 ECMAScript 指的是同一个东西,但有时也会加以区分:

👉JavaScript:指语言及其实现

👉ECMAScript:指语言标准及语言版本,比如 ES6 表示语言(标准)的第 6 版

P.S.ECMAScript 中的 ECMA 取自负责管理主标准的 ECMA 国际组织,这个组织最初叫欧洲计算机制造商协会(European Computer Manufacturers Association),后来影响范围不限于欧洲,遂更名为 ECMA 国际组织(Ecma International)

了解Web标准组织

标准组织

  • W3C: World Wide Web Consortium
  • Ecma: Ecma International
  • WHATWG: Web Hypertext Application Technology Working Group
  • IETF: Internet Engineering Task Force

W3C、Ecma

W3C

万维网联盟(World Wide Web Consortium),创建于1994年10月, 由 Tim Berners-Lee 创建, 是一个会员组织,它的工作是对 web 进行标准化, 创建并维护 WWW 标准,W3C 标准被称为 W3C 推荐(W3C Recommendations)

👉 官网: www.w3.org

👉 Github: github.com/w3c

👉 规范查询(可以查各种历史): www.w3.org/TR

Ecma TC39

所属 Ecma International 的TC39(Technical Committee 39)是一个推动JavaScript发展的委员会。它的成员由各个主流浏览器厂商的代表构成。TC39定期举行会议,其会议是由成员公司派代表和特邀专家出席了会议。会议纪要可在线获取,它将告诉你TC39是如何工作。

ECMAScript是一种由Ecma国际(前身为欧洲计算机制造商协会)通过ECMA-262标准化的脚本程序设计语言。这种语言在万维网上应用广泛,它往往被称为JavaScript或JScript,但实际上后两者是ECMA-262标准的实现和扩展

👉 官网:www.ecma-international.org/

👉 TC39 : tc39.es

👉 Github : github.com/tc39

👉 Discourse(论坛) : es.discourse.group

WHATWG

WHATWG(Web Hypertext Application Technology Working Group)即网页超文本应用技术工作小组,是一个以推动网络HTML 5标准为目的而成立的组织。在2004年,由Opera、Mozilla基金会和苹果这些浏览器厂商组成。WHATWG成立的原因是W3C意图放弃HTML,而力图发展XML(可扩展标记记语言下的一个子集)技术。WHATWG邮件列表公布于2004年6月4日,否决了由W3C成员在W3C工作室的Web标准,组织中浏览器厂商建议W3C跟随WHATWG的HTML5,将新的HTML(标准通用标记语言下的一个应用)命名为HTML5,后来W3C采纳了他们的建议。

👉 官网: whatwg.org/

👉 Github: github.com/whatwg

👉 规范查询: spec.whatwg.org/

IETF

The Internet Engineering Task Force 国际互联网工程任务组(简称IETF),是一个公开性质的大型民间国际团体,由为互联网技术工程及发展做出贡献的专家自发参与和管理。汇集了与互联网架构和互联网顺利运作相关的网络设计者、运营者、投资人和研究人员,并欢迎所有对此行业感兴趣的人士参与,任何人都可以注册参加IETF的会议。IETF 每年举行三次会议,规模均在千人以上。

👉 官网: www.ietf.org/

👉 Github : github.com/ietf

W3C与Ecma会员

W3C目前在全球有444家会员(link) ,其中北航总部(中国区)会员46家(link)

Ecma的AM (Associate Member)会员目前有18家,中国公司有字节跳动、360、阿里、华为、腾讯等5家(link)

W3C规范制定流程

image-20210818022337891

参考资料

Ecma TC39规范流程

每一项新特性,要最终纳入ECMAScript规范中,TC39拟定了一个处理过程,称为TC39 process。 其中共包含5个阶段,Stage 0 ~ Stage 4。

阶段0

image-20210831212521505

阶段1

image-20210831212558121

阶段2

image-20210831212637147

阶段3

image-20210831212652191

阶段4

image-20210831212934399

参考

The TC39 Process

The TC39 process for ECMAScript features Github:tc39/proposals Standard ECMA-262

关于Web标准:阅读规范原文

结语

字节青训营 

本节课的讲师:字节前端—李松峰

如以上有错误的地方,请在评论区中指出!


如果有收获的话,就留个鼓励一下吧!🍜