JavaScript API ResizeObserver如何使用


本文小编为大家详细介绍“JavaScriptAPIResizeObserver如何使用”,内容详细,步骤清晰,细节处理妥当,希望这篇“JavaScriptAPIResizeObserver如何使用”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。众所周知window.resize事件能帮我们监听窗口大小的变化。但是reize事件会在一秒内触发将近60次,所以很容易在改变窗口大小时导致性能问题。换句话说,window.resize事件通常是浪费的,因为它会监听每个元素的大小变化(只有window对象才有resize事件),而不是具体到某个元素的变化。如果我们只想监听某个元素的变化的话,这种操作就免费云主机域名很浪费性能了。 而ResizeObserver API就可以帮助我们:监听一个DOM节点的变化,这种变化包括但不仅限于:某个节点的出现和隐藏某个节点的大小变化这是JavaScript一个极其新的API,所以在兼容方面还不是很好。顺便给大家安利一个工具Can I use,用于查询API在各个浏览器的兼容性ResizeObserver是个构造函数。在使用new关键字调用构造函数,返回实例对象时,需要传入一个回调函数,这个回调用于监听实例对象某个DOM节点的变化另外我们可以给回调函数添加一个参数,用来获取到该元素的一些信息然后,实例对象myObserver方法除了有observe方法之外,还有disconnect方法和unobserve方法。取消监听某个DOM节点。比如说想在四秒后取消监听取消对所有节点的监听。比如说想在四秒后取消监听所有节点读到这里,这篇“JavaScriptAPIResizeObserver如何使用”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注百云主机行业资讯频道。

相关推荐: java接口的修饰符怎么定义

这篇文章主要介绍了java接口的修饰符怎么定义的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇java接口的修饰符怎么定义文章都会有所收获,下面我们一起来看看吧。 java接口的修饰符可以是abstract和final。接口可以被理…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 03/21 18:20
下一篇 03/21 18:20

相关推荐