Javascript - dom - 学习/实践

1.应用场景

主要学习JavaScript中有关dom的知识,从而更加深入理解前端开发.

2.学习/操作

1.介绍

DOM

DOM 是 JavaScript 操作网页的接口,全称为“文档对象模型”(Document Object Model)。它的作用是将网页转为一个 JavaScript 对象,从而可以用脚本进行各种操作(比如增删内容)。

浏览器会根据 DOM 模型,将结构化文档(比如 HTML 和 XML)解析成一系列的节点,再由这些节点组成一个树状结构(DOM Tree)。所有的节点和最终的树状结构,都有规范的对外接口。

DOM 只是一个接口规范,可以用各种语言实现。所以严格地说,DOM 不是 JavaScript 语法的一部分,但是 DOM 操作是 JavaScript 最常见的任务,离开了 DOM,JavaScript 就无法控制网页。另一方面,JavaScript 也是最常用于 DOM 操作的语言。后面介绍的就是 JavaScript 对 DOM 标准的实现和用法。

 

2.文档

https://wangdoc.com/javascript/dom/index.html  //阮一峰 - 网道 -  JavaScript 教程 - DOM

http://www.ruanyifeng.com/blog/2015/02/future-of-dom.html  //阮一峰 - 也许,DOM 不是答案

其中摘录:

Javascript - dom - 学习/实践

 

 

后续补充

...

3.问题/补充

TBD

4.参考

https://wangdoc.com/javascript/dom/index.html  //阮一峰 - 网道 -  JavaScript 教程 - DOM

http://www.ruanyifeng.com/blog/2015/02/future-of-dom.html  //阮一峰 - 也许,DOM 不是答案

https://time.geekbang.org/column/article/140140 //22 | DOM树:JavaScript是如何影响DOM树构建的?

https://time.geekbang.org/course/detail/100024601-86448 //10 | 理解虚拟DOM及key属性的作用

后续补充

...