我的问题是关于如何在具有数百个动态JS元素的页面上提高性能。
我有一个页面，将加载700种食物。每个食品都有一个选择框，可以在其中选择度量（例如，面包还是一片面包），一个值滑块和一个输出，该输出显示所选值*测量值的重量。每个项目还具有一个“收藏夹”复选框。如果选中此选项，则该项目将被复制到“收藏夹”列表中。 “收藏夹”列表中项目的值输入在下面的原始食品中被“镜像”，因此，如果移动“收藏夹”滑块，原始项目的滑块将同时移动。
这是我的意思的文字草图：
//Favourites
(*) Bread (slice/loaf) (slider) [output]
//Food items
(*) Bread (slice/loaf) (slider) [output]
() Potatoes (mashed/boiled/fries) (slider) [output]
我已经使用JQueryUI滑块和一些什锦的JQuery实现了所有这些功能，以监视选择框和复选框的值。毫不奇怪，一旦这些东西中的700个被装载，DOM就死定了。我需要一个更好的解决方案。
相反，在AngularJS中实现所有这些行为是否有可能提高性能？
最佳答案
在一页上放置700个东西听起来不是一个好主意……对于使用它的人来说，这可能是一个可怕的混乱。因此，首先，我建议完全重新考虑该计划。也就是说，在我缓慢而过时的笔记本电脑上，this angular example (click)运行得相当不错。它有700个输入，所有输入都每秒更改一次。虽然我不建议这样做，但我认为只要您保持一切高效，就可以做到。进一步考虑到这一点，真正的低效率就是页面上最初有700个项目。根据需要加载项目（滚动，分页，搜索等）更加有意义，这是常见的解决方案。
关于javascript - jQuery与Angular实现数百个值滑块，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/19665261/