Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/powerbi/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在操作DOM时保持loading.gif动画_Javascript_Jquery_Html_Ajax - Fatal编程技术网

Javascript 在操作DOM时保持loading.gif动画

Javascript 在操作DOM时保持loading.gif动画,javascript,jquery,html,ajax,Javascript,Jquery,Html,Ajax,我有一个页面,它在document.ready上有一个函数,它基本上实现了以下功能: 显示加载面板(带Loading.gif) 对外部服务器的AJAX调用 创建要添加到DOM的HTML标记 将标记添加到页面中(当添加的标记的大小非常大时,通常会发生这种情况。浏览器必须经过大量的重新绘制和回流循环才能适应此标记。如果有javascript对添加的巨大标记执行操作,则会进一步减慢过程。因为只有一个UI线程在绘制页面(并设置加载.gif的动画)并执行脚本,因此它会立即停止设置gif图像的动画。生成的

我有一个页面,它在document.ready上有一个函数,它基本上实现了以下功能:

  • 显示加载面板(带Loading.gif)
  • 对外部服务器的AJAX调用
  • 创建要添加到DOM的HTML标记

  • 将标记添加到页面中(当添加的标记的大小非常大时,通常会发生这种情况。浏览器必须经过大量的重新绘制和回流循环才能适应此标记。如果有javascript对添加的巨大标记执行操作,则会进一步减慢过程。因为只有一个UI线程在绘制页面(并设置加载.gif的动画)并执行脚本,因此它会立即停止设置gif图像的动画。

    生成的标记是否巨大?