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

178 阅读3分钟

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

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

前端职业技能树/学习线路图

一、关于前端开发

1.1 起源、架构、变迁

image.png

  • 1989年前端诞生时,web由三种技术构成:
    • HTML(超文本标记语言)
    • HTTP(超文本传输协议)
    • URL(统一资源定位符)
  • 1990年,第一个web浏览器诞生,Tim 以超文本语言 HTML 为基础在 NeXT 电脑上发明了最原始的 Web 浏览器。
  • 1991年,WWW诞生,这标志着前端技术的开始。

1659153436018.png

1.2 前端应用领域

1.2.1 浏览器

桌面浏览器包括:Chrome(谷歌)、IE、Firefox(火狐)、Opera、Safari,五个主流浏览器。

移动浏览器:Chrome、Safari。

1.2.2 服务器

服务器是构建云计算的最核心的基础设备,是指网络上提供各种服务的高性能计算机。作为网络的节点,存储、处理网络上80%的数据、信息,因此也被称为网络的灵魂。

Node.js、Express、Koa

1.2.3 终端和跨端

终端

网络终端是一种专用于网络计算环境下的终端设备,经由通信设施向计算机输入程序和数据或接收计算机输出处理结果的设备。

优势:易维护、低费用、强安全、便操作。

跨端

跨端其实就是一套代码落地到不同的native操作系统上,也就是常说的write once run anywhere。

优势:性能、稳定性、效能的统一性和延续性。

目前终端和跨端的常用工具

image.png

1.3 浏览器、网络、服务器

深入理解现代浏览器

image.png

image.png

An overview of HTTP

image.png

前端职业技能树/学习线路图

二、关于Web标准

Web标准组织:

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

2.1 W3C

W3C(World Wide Web Consortium)万维网联盟,W3C不是一个标准,而是万维网制定的一系列标准。

( JQurry不符合W3C标准!)

W3C规范制定流程: 1659169071616.png

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

2.2 Ecma

Ecma(European computer manufacturers association International)欧洲计算机制造联合会。 ECMA — 262脚本语言的规范:规范化脚本语言,叫ECMAScript=ES,目前版本ES6、ES5。

Ecma TC39规范制度流程: 负责制定ECMAScript规范的是TC39,TC是Technial Committee,技术委员会的意思。

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

2.3 WHATWG

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

2.4-Web标准——IETF

IETF(Internet Engineering Task Force)互联网工程任务组,IETF大量的技术性工作均由其内部的各类工作组协作完成。这些工作组按不同类别,如路由、传输、安全等专项课题而分别组建。IETF的交流工作主要是在各个工作组所设立的邮件组中进行,这也是IETF的主要工作方式。