javascript中dom介绍

JavaScript中，dom是一套操作文档内容的方法，可以完成查、增、删、改（先删后增）的操作。而且dom的开发效率很高，还可以用于服务器渲染、weex 开发等。本文向大家介绍JavaScript中的dom。

1、什么是dom？

dom，全称Document Object Model文档对象模型，是 W3C 的标准； [所有浏览器公共遵守的标准] 。

用于处理网页内容的方法和接口，简单的说就是一套操作文档内容的方法。 

2、dom组成：

由HTML、CSS、事件（交互）组成。HTML、CSS完成查、增、删、改（先删后增）的操作。

3、dom缓存：

把查询到的东西存放到一个变量中，该变量占用的是浏览器的内存。

浏览器中所有被访问过的页面都会被存放到BOM的history中。

4、优缺点：

优点：

开发效率高：页面的更新可以先全部反映在JS对象(虚拟DOM)上，操作内存中的JS对象的速度显然要更快，等更新完成后，再将最终的JS对象映射成真实的DOM，交由浏览器去绘制。此外dom无需手动操作，帮我们以可预期的方式更新视图，极大提高我们的开发效率；

跨平台： 虚拟 DOM 本质上是 JavaScript 对象,而 DOM 与平台强相关，相比之下虚拟 DOM 可以进行更方便地跨平台操作，例如服务器渲染、weex 开发等等。

缺点:

无法进行极致优化： 虽然虚拟 DOM + 合理的优化，足以应对绝大部分应用的性能需求，但在一些性能要求极高的应用中虚拟 DOM 无法进行针对性的极致优化。

以上就是JavaScript中dom的介绍，还需注意的是首次渲染大量dom时，由于多了一层虚拟dom的计算，插入会慢一些哦~更多js学习推荐：js教程。

课程教程：javascript中dom介绍

内容版权声明：除非注明，否则皆为本站转载文章。文章及图片版权归原作者所有，如有侵权请联系我们，我们立刻删除。