javascript - js线程阻塞导致页面无法重新绘制
本文介绍了javascript - js线程阻塞导致页面无法重新绘制的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
项目中遇到一个问题，见代码及注释。求解答。
<!doctype HTML>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<div>0</div>
<a href="#">按钮</a>
<script>
$(function () {
function myFun() {
//dosomething
}
$("a").click(function () {
$("div").text(1);//代码执行，但GUI线程还未处理，代码就执行下一行
myFun();//很耗时的方法，执行了30s，整个页面阻塞
$("div").text(100);
});
});
</script>
</body>
</html>解决方案
将直接调用myFun改成异步调用。
于此同时，你应该想想执行30S的方法，你确定不是哪里出了问题？
这篇关于javascript - js线程阻塞导致页面无法重新绘制的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
