解决 js一次性请求几千几万条数据并拼接显示HTML，页面卡顿浏览器卡死问题

介绍

当遇到一次需要加载请求几千几万条数据，并且全部展示到页面上时， 一定会造成页面卡顿或者浏览器卡死的情况。 这里应项目的需求是：必须一次性请求所有的数据（这里有5000条数据），然后全部展示到页面上，因为要对表格的数据进行全选操作的。 但是出现的问题就是页面及浏览器都卡死了，要等好久才会好过来；

解决方式

将获取到的数据，进行处理，分批进行渲染，在数据渲染过程中添加loading效果，直到数据全部分批渲染完成，再关闭loading效果。

<div class="box"></div>
<script>
  const getData = () => {
     
    //  请求数据的时候刷新页面数据，先进行清空处理
    if($(".box").html().trim() != "") {
     
        $(".box").empty();
      }
    //  打开loading效果