文章详情页
javascript - 如何优化jquery循环append操作？
浏览：162日期：2023-05-03 10:21:08
问题描述
项目里有一个页面展示功能，需要在指定的class所属的标签里添加canvas标签，因为有查询功能，所以要根据查询的数据量不同来添加相应数量的canvas标签，我现在是用循环操作，先隐藏指定的class标签，每次循环都用append添加到指定的class的标签里，循环完后再显示那个隐藏的class标签。这样数据量小的时候页面渲染的时间还算正常，一秒就可以了，但是只要数据量一大，差不多300条以上，就要几秒的时间才能渲染完，500条数据就要5秒左右，上千条就要十多秒了。因为我是用thinkphp框架，一开始是想先把canvas标签写到html页面里后面再用Js去修改css样式，但是因为canvas标签要用id来操作，而我需要添加很多canvas标签，id又不能重复，所以选择用js动态添加的方式。想请教大神们有没有其他思路来解决这个问题？（ps:我不会vue或者react这种框架，要换这些的话还得从头学起，暂时不考虑前端方面用这些重做）
问题解答
回答1：自己相当于构建了虚拟节点啊、
遍历结束了、拼接好了一大堆节点、包一层容器
append一次就好了
标签：
JavaScript
上一条：javascript - easyui的datebox修改后禁用值会发生变化，怎么解决下一条：javascript - ios上fixed定位问题，定位在底部的按钮不显示了，但是又可以点击到，换了一个类名就可以显示了，但是设置的字体大小却失效了
相关文章：
1. html5 - javascript写业务有用到什么编程范式没？2. javascript - 一排三个框，各个框的间距是15px,距离外面的白框间距也是15px，这个css怎么写？3. javascript - vue 手机端项目在进入主页后 在进入子页面，直接按返回出现空白情况4. javascript - nodejs调用qiniu的第三方资源抓取，返回401 bad token，为什么5. html5 - vue-cli 装好了 新建项目的好了，找不到项目是怎么回事？6. javascript - immutable配合react提升性能？7. python3.x - python 中的maketrans在utf-8文件中该怎么使用8. javascript - jQuery post()方法，里面的请求串可以转换为GBK编码么？可以的话怎样转换？9. javascript - H5或者JS如何获得当前位置地理定位，只需要获取经纬度即可10. mysql - C#连接数据库时一直这一句出问题int i = cmd.ExecuteNonQuery();
排行榜
网公网安备