小编Oma*_*ail的帖子

如何避免溢出的性能成本:隐藏?

我有一个HTML表,可以超过1K行和十几个列.

我希望列是固定大小(可由用户控制),而不是垂直或水平增长/缩小.因此,在视觉上,特定表格单元格的内容将在一行上,并且溢出在单元格的末尾被切断.

在大型桌面上的Chrome中进行性能分析主要的性能杀手是溢出:隐藏.

我已经尝试将每个单元格的内容放在输入中,因为这会复制相同的视觉行为,但这会产生类似的性能影响.

人们建议什么来提高性能?

如果有必要,我不必使用表标签,但如果可以实现良好的性能,则更愿意坚持使用表标签.

更新1:我已经提供了演示性能问题文件在这里.警告文件相当大(25MB)并且会降低计算机速度.默认情况下,表没有溢出设置为隐藏,并且一旦表已加载(可能需要一段时间)浏览器性能相对平稳.

但是,如果您编辑该文件并取消注释第12-15行,然后将其打开.加载浏览器后,你会看到响应速度明显较低.

html css optimization performance html-table

9
推荐指数
1
解决办法
3551
查看次数

错误:Google Drive Picker今天停止加载

已经在我们的应用程序中成功使用Drive Picker近一年了.几个星期前,选择器出现问题,导致升级到最新的JS api.直到今天早上一切正常.现在选择器不会加载,我收到以下错误.

Uncaught Error: Incorrect origin value. Please set it to - (window.location.protocol + '//' + window.location.host) of the top-most page 1610138292-picker_modularized_opc.js:821
RT 1610138292-picker_modularized_opc.js:821
_createPicker 1610138292-picker_modularized_opc.js:823

以前有人碰到这个吗?这似乎是内部选择器JS中的一个错误.我试着调试自己看看发生了什么,但最小化的Javascript太痛苦了.

javascript picker google-drive-api

6
推荐指数
1
解决办法
398
查看次数