首页 > 其他分享 >渲染列表时过长造成卡顿,分批次渲染

渲染列表时过长造成卡顿,分批次渲染

时间:2023-12-01 15:46:30浏览次数:28  
标签:arr 20 渲染 过长 列表 tableData 卡顿

 1 // this.tableData = res.data;  //直接赋值页面卡顿
 2 // 分批渲染
 3 (function (arr, _this) {
 4   let i = 0;
 5   // 合并列表
 6   const merge = (arr2, iTime) => {
 7     setTimeout(() => {
 8       _this.tableData = [..._this.tableData, ...arr2]; // 赋值渲染
 9     }, 2 * iTime); // 间隔0.002 * 20秒
10   };
11   // 20条/堆
12   while (i < arr.length) {
13     merge(arr.slice(i, i + 20), i);
14     i = i + 20;
15   }
16 })(res.data, this);

 

标签:arr,20,渲染,过长,列表,tableData,卡顿
From: https://www.cnblogs.com/yadayou/p/17869841.html

相关文章

  • springboot 启动命令过长问题处理(Error running 'xxxxApplication': Command line is
      翻译搜索复制......
  • 普通unity项目升级URP管线渲染项目教程
    普通unity项目升级URP管线渲染安装URP插件创建URP渲染管线配置渲染管线升级素材的渲染管线方式一方式二资源链接安装URP插件点击Window选择PackageManager在出现的窗口左上角选择UnityRegistry搜索关键字Universal在出现的UniversalRP插件中下面点击Install创建URP渲染管线安......
  • echart 防止多次渲染 无数据时显示暂无数据 vue3
    //基于准备好的dom,初始化echarts实例constbarDOM:any=ref();varmyChart:any;letechartNull:any=null;//渲染echartconstinit_chart=()=>{if(myChart!=null&&myChart!=""&&myChart!=undefined){myChart.dispose();......
  • 图形渲染操作系统分析
    图形渲染操作系统分析迄今为止,博主在博客中阐述的内容包含渲染技术、性能优化、图形API、Shader、GPU、游戏引擎架构、图形驱动等等技术范畴的内容,这些内容都仅仅局限于单个应用程序之中,常常让人有”只缘身在此山中“的感叹。现在是时候更进一步了——进入操作系统(OperatingSyst......
  • [Vue] vue学习笔记(3): 渲染
    条件渲染主要有四个指令v-show:控制元素可视性,即是否增加样式display=nonev-if/v-else-if/v-else:类似if/else-if/else的逻辑结构,进行条件判断,控制元素的可视性,注意这种方法会直接决定元素是否出现DOM树上,而非样式改变<!---nisapropertyofvueinstance---><divv-if......
  • 瑞云科技参与《数字孪生世界白皮书》编写,实时云渲染助力数字孪生
    为了促进数字孪生技术的发展和应用,易知微与数字孪生世界企业联盟联合众多行业专家以及多家业内企业共同编写了《数字孪生世界白皮书(2023)》。该白皮书从数字孪生的综述、应用架构、核心技术、新型技术成果和重点行业应用等方面,全面系统地介绍了数字孪生世界的概念、价值、发展趋势......
  • 电脑卡顿,空间删除处理释放技巧
    电脑卡顿,长期使用各种文件积累有关C盘作为系统盘,各种软件安装、更新文件、虚拟文件、配置文件、注册表,软件运行时缓存,以及垃圾文件等等,都会保留在这个盘上。所以电脑使用时间久了,就要定期清理,否则就可能会被各种文件塞满,造成卡顿。针对此问题我分享一些自己平时释放空间的方法:......
  • 使用html文件渲染浏览器翻译json文件
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>PreTagExample</title&......
  • 某环境解决卡顿问题的思路和过程
    某环境解决卡顿问题的思路和过程背景部分环境经过一段时间的运行后出现了卡顿现象.严重时出现了jdbc的dataaccess的异常提示信息.接到这个问题后,自己进行了一些处理.这里总结一一下问题的处理过程以及思路问题现象应用服务器是linux+springboot开发的应用数据......
  • 1_Scene渲染流程分析
    参考:Cesium原理篇:6Render模块(4:FBO)Scene渲染流程分析//Scene.jsfunctionrender(scene,time){//...//1)渲染到哪里?//updateAndExecuteCommands->executeCommandsInViewport->updateAndClearFramebuffersupdateAndClearFramebuffers();//2)......