• 技术文章 >Web开发 >JavaScript

    javascript中dom介绍

    宋雪维宋雪维2021-01-20 17:05:25原创3145

    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
    品易云
    上一篇:javascript中作用域是什么 下一篇:JavaScript创建数组并赋值

    相关文章推荐

    • python中wordcloud库如何生成词云?• python中Faker库如何生成随机测试数据?• python关键字有哪些?怎么看?• Python如何截图保存?

    全部评论我要评论

    © 2021 Python学习网 苏ICP备2021003149号-1

  • 取消发布评论
  • 

    Python学习网