浏览器的UI线程

所有用于更新用户界面的操作都是由浏览器的UI线程来完成

UI线程维护一个队列，把每个要更新UI的操作都做为一个任务添加到队列中，然后等UI线程空闲时再按顺序进行处理

示例

<button onclick="doClick()">
点击测试
</button>

<script>
function doClick(){
  var div = 
    document.createElement("div");

  div.innerHTML = "test";
  document.body.appendChild(div);
}
</script>

当用户点击按钮时，会触发UI线程来创建两个任务，并添加到队列中，

第一个任务是更新按钮的点击状态样式，是浏览器默认的操作

第二个任务是执行 doClick()