Html数据绑定完成[重复]

Question

我正在做一个项目，我必须在下拉更改事件中将大量数据从服务器绑定到 HTML 页面的一部分。我想显示一个微调器，直到 HTML 完成渲染为止。我如何知道 HTML 渲染何时完成？有什么可以使用的事件吗？我知道 $(document).ready 适用于整个 HTML 页面。

Answer 1

您必须测试浏览器的多个绘画和渲染实例，并检查哪种形式的 CSS 操作将占用最少的时间。可能工作得最快的是固定占位符，其中包含隐藏或不隐藏（隐藏或不透明）的动画 GIF 或 SVG。最好避免的是 HTML 在该加载程序部分中一直折叠和增长。这将触发 HTML 引擎的绘制程序不断刷新和完全重绘。

最后，您可以通过研究 jQuery 和原始 JavaScript 处理调用的方式来剥离 AJAX 请求的一些字节。 jQuery 变体非常易于使用，但显然增加了一些开销。在您的情况下（有数千个调用），开销可能意味着很大。

这主要是对您使用的功能和工具进行研究，并找出在哪里可以获得最大的性能提升。