360前端星计划-web标准：前端的原理

一、web标准概述

web是world wide web（万维网）的简称，由Tim Berners-Lee在1989年发明。¹

web标准是构成web基础、运行和发展的一系列标准的总称。

web标准不是由一家标准组织制定。

• IETF
  
• ecma
• W3C
  
  
  
  
  
  
  
  

二、web标准介绍

BOM

BOM（Browser Object Model，浏览器对象模型） ：

• windows对象：ECMAScript中定义的grobal对象。网页中所有全局对象、变量和函数都暴露在这个对象上。
• location对象：通过该对象可以以编程方式操纵浏览器的导航系统。
• navigator对象：对象提供关于浏览器的信息。
• screen对象：保存着客户端显示器的信息。
• history对象：提供了操作浏览器历史记录的能力。

DOM

DOM（Document Object Model，文档对象模型）：HTML和XML文档的编程接口。

DOM表示由多层节点构成的文档，通过开发者可以添加、修改和删除页面的各个部分。

DOM是跨平台、语言无关的表示和操作网页的方式。

DOM1主要定义了HTML和XML文档的底层结构。
DOM2和DOM3在这些结构上加入了更多交互能力，提供了更高级的XML特性。

DOM2和DOM3按照模块化的思路来制定标准，每个模块之间有一定关联，但分别针对某个DOM子集。

• DOM core：在DOM1核心部分的基础上，为节点增加方法和属性。
• DOM Views：定义基于样式信息的不同视图。
• DOM Events：定义通过事件实现DOM文档交互。
• DOM Style：定义以编程方式访问和修改CSS样式的接口。
• DOM Traversal and Range：新增遍历DOM文档及选择文档内容的接口。
• DOM HTML：在DOM1 HTML部分的基础上，增加属性、方法和新接口。
• DOM Mutation Observers：定义基于DOM变化触发回调的接口。这个模块是DOM4级模块，用于取代Mutation Events。

参考链接

• 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/

---

1. 《Information Management :A Proposal》 ↩︎