主講人

• 李松風(fēng)
• 360前端技術(shù)專家
• 奇舞團(tuán)
  主要內(nèi)容：

1. web標(biāo)準(zhǔn)概述
2. web標(biāo)準(zhǔn)介紹

web標(biāo)準(zhǔn)概述

• Web是World Wide Web（萬(wàn)維網(wǎng)）的簡(jiǎn)稱踪危。World Wide Web由Tim Berners-Lee在1989年發(fā)明。

• Web標(biāo)準(zhǔn)是構(gòu)成Web基礎(chǔ)猪落、運(yùn)行和發(fā)展的一系列標(biāo)準(zhǔn)的總稱贞远。

  Web標(biāo)準(zhǔn)并不是由一家標(biāo)準(zhǔn)組織制定。

Web標(biāo)準(zhǔn)介紹

http發(fā)展：

IETF Internet Enginering Task ForceIT 成立(于1986年)tcp/ip 協(xié)議由其標(biāo)準(zhǔn)化

當(dāng)時(shí)三個(gè)主要技術(shù)之一http 笨忌，1989年發(fā)明web的時(shí)候創(chuàng)立的,另外是html蓝仲，url主要技術(shù)

• HTTP/0.9：https://www.w3.org/Protocols/HTTP/AsImplemented.html

  tim總結(jié)自己實(shí)現(xiàn)瀏覽器和服務(wù)器協(xié)議的一份文檔，只定義了一個(gè)get方法

  是一個(gè)文檔并不是標(biāo)準(zhǔn)

• HTTP/1.0：https://tools.ietf.org/html/rfc1945 1996提出官疲，新增 head post 方法袱结，http版本號(hào)，頭部字段描述和相應(yīng)途凫，3位數(shù)相應(yīng)碼

  rfc可以作為標(biāo)準(zhǔn)或文檔而 rfc1945是參考文檔不是標(biāo)準(zhǔn)垢夹，記錄了一下當(dāng)時(shí)的實(shí)現(xiàn)

• 1997 年 1月HTTP/1.1：

  999年 2004年分別更新

*   [https://tools.ietf.org/html/rfc2068](https://tools.ietf.org/html/rfc2068)

*   [https://tools.ietf.org/html/rfc2616](https://tools.ietf.org/html/rfc2616)

*   [https://tools.ietf.org/html/rfc7230](https://tools.ietf.org/html/rfc7230) ... [https://tools.ietf.org/html/rfc7235](https://tools.ietf.org/html/rfc7235)

• The Transport Layer Security (TLS) Protocol Version 1.3

  http明文傳輸，IETF增加了TLS 進(jìn)行加密

  • https://tools.ietf.org/html/rfc8446

• HTTP/2：https://tools.ietf.org/html/rfc7540

  http請(qǐng)求量增大不能滿足需求维费，其他方法有限

  對(duì)谷歌SPDY標(biāo)準(zhǔn)化

  2012年提出果元，2015年5正式成為標(biāo)準(zhǔn) 所有主流瀏覽器已經(jīng)支持

ecma ecmaInternationnal

內(nèi)容 c#、dark

• 1997年6月：ECMA-262 1st edition（110頁(yè)）

• 1998年8月：ECMA-262 2nd edition

• 1999年12月：ECMA-262 3rd edition

• ECMA-262 4th edition：不存在

• 2009年12月：ECMA-262 5th edition（252頁(yè)）

• 2011年6月：ECMA-262 5.1 edition

• 2015年6月：ECMA-262 6th edition（566頁(yè)）

• 2016年6月：ECMA-262 7th edition（556頁(yè)）

• 2017年6月：ECMA-262 8th edition（885頁(yè)）

• 2018年6月：ECMA-262 9th edition（805頁(yè)）

• 2019年6月：ECMA-262.pdf（764頁(yè)）

所有版本存檔：

https://www.ecma-international.org/

publications/

standards/

Ecma-262-arch.htm

w3c web標(biāo)準(zhǔn)主要定制者

CSS

1. CSS Containment Module Level 1

2. Selectors Level 3

3. CSS Fonts Module Level 3

4. CSS Basic User Interface Module Level 3 (CSS3 UI)

5. CSS Color Module Level 3

6. CSS Namespaces Module Level 3

7. CSS Style Attributes

8. Selectors API Level 1

9. Media Queries

10. A MathML for CSS Profile

11. Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification

12. Associating Style Sheets with XML documents 1.0 (Second Edition)

13. Document Object Model (DOM) Level 2 Style Specification

DOM

1. Server-Sent Events

2. Progress Events

3. Element Traversal Specification

4. Document Object Model (DOM) Level 3 Core Specification

5. Document Object Model (DOM) Level 3 Load and Save Specification

6. Document Object Model (DOM) Level 3 Validation Specification

7. XML Events

8. Document Object Model (DOM) Level 2 HTML Specification

9. Document Object Model (DOM) Level 2 Style Specification

10. Document Object Model (DOM) Level 2 Traversal and Range Specification

11. Document Object Model (DOM) Level 2 Views Specification

12. Document Object Model (DOM) Level 2 Core Specification

13. Document Object Model (DOM) Level 2 Events Specification

Graphics

1. Graphics Accessibility API Mappings

2. WAI-ARIA Graphics Module

3. HTML Canvas 2D Context

4. WebCGM 2.1

5. Scalable Vector Graphics (SVG) Tiny 1.2 Specification

6. Portable Network Graphics (PNG) Specification (Second Edition)

7. Mobile SVG Profiles: SVG Tiny and SVG Basic

HTML

1. HTML Media Capture

2. HTML 5.2

3. HTML 5.1 2nd Edition

4. Encrypted Media Extensions

5. Media Source Extensions?

6. Web Storage (Second Edition)

7. HTML Canvas 2D Context

8. XHTML+RDFa 1.1 - Third Edition

9. RDFa Core 1.1 - Third Edition

10. RDFa Lite 1.1 - Second Edition

11. HTML+RDFa 1.1 - Second Edition

12. HTML5 Image Description Extension (longdesc)

13. CSS Style Attributes

14. Internationalization Tag Set (ITS) Version 2.0

15. Mobile Web Best Practices 1.0

16. Document Object Model (DOM) Level 2 HTML Specification

17. Ruby Annotation

HTTP

1. Server-Sent Events

Performance

1. Trace Context - Level 1

2. WebAssembly Core Specification

3. WebAssembly JavaScript Interface

4. WebAssembly Web API

5. High Resolution Time Level 2

6. User Timing Level 2

7. Performance Timeline

8. Page Visibility (Second Edition)

9. Navigation Timing

Security

1. Web Authentication:An API for accessing Public Key Credentials Level 1

2. Web Cryptography API

3. Content Security Policy Level 2

4. Subresource Integrity

5. Cross-Origin Resource Sharing

Web API

1. WebAssembly JavaScript Interface

2. High Resolution Time Level 2

3. Pointer Events

4. User Timing Level 2

5. WebDriver

6. HTML Media Capture

7. Indexed Database API 2.0

8. Encrypted Media Extensions

9. Web Cryptography API

10. WebIDL Level 1

11. Media Source Extensions?

12. Geolocation API Specification 2nd Edition

13. Pointer Lock

14. Vibration API (Second Edition)

15. Web Storage (Second Edition)

16. Web Notifications

17. HTML5 Web Messaging

18. Server-Sent Events

19. Indexed Database API

20. Metadata API for Media Resources 1.0

21. Progress Events

22. Performance Timeline

23. Page Visibility (Second Edition)

24. Touch Events

25. Selectors API Level 1

26. Navigation Timing

27. Element Traversal Specification

BOM 瀏覽器對(duì)象模型

BOM（Browser Object Model犀盟，瀏覽器對(duì)象模型）HTML5規(guī)范中有一部分涵蓋了BOM的主要內(nèi)容而晒，因?yàn)閃3C希望將JavaScript在瀏覽器中最基礎(chǔ)的部分標(biāo)準(zhǔn)化。

• window對(duì)象阅畴，也就是ECMAScript中定義的Global對(duì)象倡怎。網(wǎng)頁(yè)中所有全局對(duì)象、變量和函數(shù)都暴露在這個(gè)對(duì)象上贱枣。

• location對(duì)象监署，通過(guò)location對(duì)象可以以編程方式操縱瀏覽器的導(dǎo)航系統(tǒng)。

• navigator對(duì)象纽哥，對(duì)象提供關(guān)于瀏覽器的信息焦匈。

• screen對(duì)象，保存著客戶端顯示器的信息昵仅。

• history對(duì)象缓熟，提供了操縱瀏覽器歷史記錄的能力累魔。

DOM（Document Object Model，文檔對(duì)象模型）是HTML和XML文檔的編程接口够滑。DOM表示由多層節(jié)點(diǎn)構(gòu)成的文檔垦写，通過(guò)它開(kāi)發(fā)者可以添加、刪除和修改頁(yè)面的各個(gè)部分彰触。DOM現(xiàn)在是真正跨平臺(tái)梯投、語(yǔ)言無(wú)關(guān)的表示和操作網(wǎng)頁(yè)的方式。

DOM1（DOM Level 1）主要定義了HTML和XML文檔的底層結(jié)構(gòu)况毅。

DOM2（DOM Level 2）和DOM3（DOM Level 3）在這些結(jié)構(gòu)之上加入更多交互能力分蓖，提供了更高級(jí)的XML特性。

DOM2和DOM3是按照模塊化的思路來(lái)制定標(biāo)準(zhǔn)的尔许，每個(gè)模塊之間有一定關(guān)聯(lián)么鹤，但分別針對(duì)某個(gè)DOM子集。

• DOM Core：在DOM1核心部分的基礎(chǔ)上味廊，為節(jié)點(diǎn)增加方法和屬性蒸甜。

• DOM Views：定義基于樣式信息的不同視圖。

• DOM Events：定義通過(guò)事件實(shí)現(xiàn)DOM文檔交互余佛。

• DOM Style：定義以編程方式訪問(wèn)和修改CSS樣式的接口柠新。

• DOM Traversal and Range：新增遍歷DOM文檔及選擇文檔內(nèi)容的接口。

• DOM HTML：在DOM1 HTML部分的基礎(chǔ)上辉巡，增加屬性恨憎、方法和新接口。

• DOM Mutation Observers：定義基于DOM變化觸發(fā)回調(diào)的接口郊楣。這個(gè)模塊是DOM4級(jí)模塊憔恳，用于取代Mutation Events。

whatwg標(biāo)準(zhǔn) 和w3c并行開(kāi)發(fā)

• HTML Living Standard：https://html.spec.whatwg.org/multipage/

• DOM Living Standard：https://dom.spec.whatwg.org/

• Encoding Living Standard：https://encoding.spec.whatwg.org/

• Fetch Living Standard：https://fetch.spec.whatwg.org/

• Stream Living Standard：https://streams.spec.whatwg.org/

• Console Living Standard：https://console.spec.whatwg.org/

和w3c簽署的協(xié)議痢甘，whatwg 開(kāi)發(fā)，w3c聯(lián)系社區(qū)主要是html和dom茉贡，將whatwg 作為候選標(biāo)準(zhǔn)

Memorandum of Understanding Between W3C and WHATWG

著手其他標(biāo)準(zhǔn)塞栅，living standard（string，fetch腔丧，console等）

總的來(lái)說(shuō)主要由w3c規(guī)劃和制定