- 博客(8)
- 收藏
- 关注
原创 el-table表格(含输入框、下拉框等)-大量数据时,渲染卡顿问题解决方案
因为表格中嵌套大量的输入框、下拉框等编辑组件,当返回数据有两千条时,进入页面加载特别慢,而且编辑时卡顿。原因就是页面的输入框、下拉框等组件数量太多,渲染需要花费很长时间,导致特别慢,性能问题严重。下面是表格组件(后台返回全部数据后,将数据以allData传给此组件,默认显示10条,滚动时,当滚动条触底,加载下一页数据,在之前10条数据的后面进行累积,共20条,直至数据全部加载)项目中,产品不想要分页查询,想要初始就查询出所有数据再用表格把所有数据渲染出来,并支持编辑。
2024-01-22 17:22:49
3734
原创 el-select实现 滚动条下拉触底加载下一页
项目中遇到这种情况:当下拉数据有上千条时,编辑会卡顿缓慢,为了优化体验,使用了 下拉滚动加载 的方式:默认初始加载第一页数据,当滚动条拉到底部时,去加载下一页数据进行累加。首先自定义个指令selectLoadMore。
2024-01-16 13:13:00
1095
原创 vue2和vue3(记录学习笔记)
(1)新增响应式状态reactive ,需要在 setup() 函数中定义并返回。ref() 将传入参数的值包装为一个带 .value 属性的 ref 对象。仅对对象类型有效(对象、数组和 Map、Set 这样的集合类型)类与样式绑定:可以绑定对象、数组,在组件上使用class。(2) ref() 适用任何值类型的响应式。计算属性computed。子组件获取父组件传参。
2023-04-13 16:33:54
104
原创 Canvas——将两张图片拼接在一起展示在一个模态框中
使用canvas将两张图片拼接,展示在模态框中1.html:<div class="modal fade" id="myModal_answer" tabindex="-1" role="dialog" aria-labelledby="myModalLabel_answer" aria-hidden="true" ondragstart="return false;" data-ba...
2019-06-03 11:33:23
1239
原创 Echarts——legend富文本样式
Echarts——legend富文本样式(使用栗子)1.效果图,在legend图例后追加对应数据,进行展示2.代码片段:
2019-06-03 10:59:33
2380
7
原创 vue2.0项目中,npm配置环境变量
[vue2.0+npm] 之 pakage.json中scripts参数配置项目中线上环境和线上环境切换或者打包上传代码时,每次都需要修改对应的域名,为了避免忘记修改域名,方便打包上线,所以使用了npm配置环境变量,只需要输入命令行就可以直接打包了。以一个栗子说明,方便记忆。当前项目域名:current.csdn.com(随便写的);在我的项目中,访问了两个另外的域名:a.wxy100.c...
2019-04-01 09:37:49
2029
原创 Eclipse和JDK的安装和配置(Windows10系统64位)
eclipse和JDK下载链接:https://pan.baidu.com/s/1QK214U6OIkgZnBJUYHzUAw提取码:96vm自己的学习记录第五步:将JDK和jre的安装的bin路径添加到path里面;第六步:新建classPath...
2018-10-19 14:02:53
1156
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人