加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

html元素的数量有限吗,浏览器可以毫无问题地显示?

发布时间:2020-12-14 18:55:36 所属栏目:资源 来源:网络整理
导读:基本上我有一个巨大的桌子,当用户滚动下来(自动预加载后续的行)时,它变得更大.在某些时候,浏览器变得迟钝,它会开始挂起一段时间,因为我点击或尝试滚动,并且更多的缓慢变得越来越多的行.我想知道页面可以容纳的元素数量是否有限制?或者也许这只是我的某个地
基本上我有一个巨大的桌子,当用户滚动下来(自动预加载后续的行)时,它变得更大.在某些时候,浏览器变得迟钝,它会开始挂起一段时间,因为我点击或尝试滚动,并且更多的缓慢变得越来越多的行.我想知道页面可以容纳的元素数量是否有限制?或者也许这只是我的某个地方的 JavaScript漏洞(虽然我只有一个事件处理程序,附在表的tbody上)和一个解析冒泡的mousedown事件的脚本.

更新:在一千个加载行之后,延迟变得明显.滚动本身的速度是非常容易的,但例如突出显示单击的行(在tbody上的单个事件处理程序的帮助下)是痛苦的(至少需要2-3秒钟,并且延迟随行数的增加而增加).我在所有浏览器上观察到延迟.不仅仅是我,而且几乎每个访问页面的人,所以我猜测在某种程度上影响到每一个平台.

更新:我想出了一个简单的例子:http://client.infinity-8.me/table.php?num=1000(你可以传递任何你想要的数字),基本上它呈现一个带有num行的表,并且有一个事件处理器附加到父表.我应该从中得出结论,实际上没有明显的表现下降,是由于儿童元素的数量造成的.所以这可能是其他地方的泄漏:(

解决方法

我认为标准没有限定.每个浏览器实现中可能会有一个硬编码的限制,尽管我可以想象这个限制可能是数十亿的元素.另一个限制是可寻址内存的数量.

解决您的问题:除了自动向下滚动元素,您可以自动卸载从屏幕上滚动的元素.那么即使滚动很多,您的程序仍然保持快速.

您可能还想考虑一个替代的界面,如分页.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读