可排序,js性能很慢
Sortable,js performance is very slow
大家好,感谢您调查我的问题。
为了更好地描述我遇到的问题 - 我创建了这个非常短的屏幕投射
我正在使用截屏视频中显示的卡片网格,当我尝试排列它们时,它们非常慢并且响应滞后。
但是,如果我尝试使用可排序的每张卡内的性能是正常的。除了拖放时的可排序之外,我没有其他js函数运行。我也没有任何隐藏元素,因为我认为这是在很多情况下可排序的缓慢性能的解决方案。我找不到任何相对的例子来解决这个问题,我附上了短截屏以更好地展示我的问题。
卡片是主 ul 中的无序列表元素,具有类 .exercises
,所以我在主 jquery 页面中有这个:
$('.exercises').sortable();
并在卡内移动东西(用于测试(
$('.exercises li').sortable();
你们中的任何人对如何解决这个问题有任何建议,因为它真的很烦人,而且已经几天没有积极的结果了。
如果您需要我提供任何其他东西,请告诉我,以防我忘记了。提前感谢您的时间和帮助。
所以我终于找到了解决问题的方法。我没有使用jquery-ui作为可排序函数,而是从github中获取了这个轻量级html.sortable.js。
这解决了我的情况中的性能问题!
相关文章:
- 在Three.js中导出网格会提高性能吗
- immutable.js与嵌套映射/对象的比较/相等性能
- 性能与模块化:将JS集成到PHP或单独的custom.JS中
- 设置1400个Raphael.js对象的不透明度动画会影响动画性能
- ExtJS类的最佳实践最终导致了太多的.JS文件.性能怎么样
- 使用HTML和JS的iPhone游戏中的性能问题,以及appMobi
- 节点.js猫鼬性能
- 不要为机器人(谷歌和其他)加载JS脚本以获得更好的性能
- Knockout.js性能-有多少可观察性
- 当使用HTTP/2时,缩小和连接JS/CSS文件,以及使用精灵进行图像处理仍然可以提供性能优势
- 在.js文件和性能中使用php
- Js对象缓存性能
- 在填充Int32Array时,Node.JS的性能与本机C++插件相比
- angular.js中的静态与动态插值及其性能
- 压缩脚本和样式,并将所有js和样式引用合并为单个引用,以优化网站性能
- 具有200+矢量形状的画架JS:性能和美学
- 使用三.js提高性能
- 三个js性能如何使使用图像纹理更快
- 在节点 js 中编写命名函数的性能是否更高
- 检测显卡性能- JS