<分区>
我一直在处理表格和大量数据。我的网站上有一张表格,有 10,000 行。该表具有动态搜索、过滤器等功能。考虑到性能,我一直在使用纯 JavaScript,但对于如此多的行,它会变得迟缓。
你们知道性能更好的纯 JavaScript 的替代品吗?
编辑> 我真的需要一次加载 10,000 行。我可以在 5 秒内将它们全部加载到浏览器中。主要问题是过滤器和搜索...
EDIT2> 搜索是动态的。我可以按名称搜索并按第一个字符过滤。 我已经为此工作了几个月...
搜索:
- 当字段超过 3 个字符且仅当其长度和字符发生变化时搜索(当字符发生变化时,输入的 onchange 事件可能会触发多次,因此我使用一些验证确保它只触发一次)
- 匹配搜索字符串的每一行都被复制到另一个表中。隐藏原来的表格,显示新的表格。
- 当用户更改搜索字段或取消动态搜索时,新表将被删除。
- 结论:创建包含所需元素的新表格比隐藏不需要的元素更快。
过滤器
- 这些行实际上在 25 个表中(A 到 Z + 非字母字符)
- 当您选择一个字符时,只会显示该表
- 结论:隐藏整个表格比隐藏整个表格更快 不需要的行
感谢您的回复。我编辑了一些额外的信息,这样我们就可以缩小可能的解决方案...