码迷,mamicode.com
首页 > Web开发 > 详细

通过setTimeout来取消因大量计算造成的网页卡顿

时间:2015-01-07 18:21:27      阅读:283      评论:0      收藏:0      [点我收藏+]

标签:

js是单线程的,所以有些大量计算的操作会占用线程资源,导致页面卡住。

今天遇到这样一个场景,选择一个下拉框之后,对数据进行筛选,这个过程中有大量计算,点了selecte的option之后,option不隐藏,一直卡在那里,直到筛选计算完成。

这个体验非常差,于是想,能不能接触当前线程的占用,让交互看起来流畅些?

试着用刚刚触发的时候显示一个loading,然后用   setTimeout(func,0),  把计算的操作放到线程任务队列末尾,这样做果然页面操作不再卡顿了

通过setTimeout来取消因大量计算造成的网页卡顿

标签:

原文地址:http://www.cnblogs.com/tzyy/p/4208992.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!