优化定期 UI 更新

Optimizing recurring ui updates

本文关键字：更新 UI 优化更新时间：2023-09-26

我只是想出了是什么减慢了整个页面的速度。

我有一个指令，根据 Resig 的 prettyDate jquery 插件更新日期，以方便的格式显示事件发生了多久......指令本身围绕他们在文档页面上使用的角度示例构建，这里是示例。

如果你在页面上有几个元素，

它会完美地工作，但是一旦你放了更多，它就会减慢整个页面的速度，因为它在不断更新时间，即使你在更新之间放置更长的间隔，它仍然会同时更新所有元素。

你们能提出任何解决方案吗？是否有可能以某种方式异步更新它们，或者我知道这听起来很愚蠢，就像在不同的线程或类似的东西中一样。

人们通常如何解决这个问题，如何在不牺牲性能的情况下更新数千个元素？

你需要它每秒更新一次吗？每一分钟怎么样？

与其让每个指令运行自己的计时器，不如创建一个 timerService。将此服务注入到每个指令中。让指令$watch服务属性（例如，当前时间）进行更改，并在更改时更新其视图。

如果您不希望同时更新所有日期，则可以在 timerService 中创建一个计时器数组（并在更新数组的每个元素时错开），并让每个指令的链接函数从数组中随机选择一个条目进行监视。