自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(8)
  • 收藏
  • 关注

原创 el-table表格(含输入框、下拉框等)-大量数据时,渲染卡顿问题解决方案

因为表格中嵌套大量的输入框、下拉框等编辑组件,当返回数据有两千条时,进入页面加载特别慢,而且编辑时卡顿。原因就是页面的输入框、下拉框等组件数量太多,渲染需要花费很长时间,导致特别慢,性能问题严重。下面是表格组件(后台返回全部数据后,将数据以allData传给此组件,默认显示10条,滚动时,当滚动条触底,加载下一页数据,在之前10条数据的后面进行累积,共20条,直至数据全部加载)项目中,产品不想要分页查询,想要初始就查询出所有数据再用表格把所有数据渲染出来,并支持编辑。

2024-01-22 17:22:49 3471

原创 el-select实现 滚动条下拉触底加载下一页

项目中遇到这种情况:当下拉数据有上千条时,编辑会卡顿缓慢,为了优化体验,使用了 下拉滚动加载 的方式:默认初始加载第一页数据,当滚动条拉到底部时,去加载下一页数据进行累加。首先自定义个指令selectLoadMore。

2024-01-16 13:13:00 1025

原创 vue2和vue3(记录学习笔记)

(1)新增响应式状态reactive ,需要在 setup() 函数中定义并返回。ref() 将传入参数的值包装为一个带 .value 属性的 ref 对象。仅对对象类型有效(对象、数组和 Map、Set 这样的集合类型)类与样式绑定:可以绑定对象、数组,在组件上使用class。(2) ref() 适用任何值类型的响应式。计算属性computed。子组件获取父组件传参。

2023-04-13 16:33:54 100

原创 react+typescript项目搭建

执行命令即可:

2023-04-06 13:41:15 183

原创 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 1221

原创 Echarts——legend富文本样式

Echarts——legend富文本样式(使用栗子)1.效果图,在legend图例后追加对应数据,进行展示2.代码片段:

2019-06-03 10:59:33 2346 7

原创 vue2.0项目中,npm配置环境变量

[vue2.0+npm] 之 pakage.json中scripts参数配置项目中线上环境和线上环境切换或者打包上传代码时,每次都需要修改对应的域名,为了避免忘记修改域名,方便打包上线,所以使用了npm配置环境变量,只需要输入命令行就可以直接打包了。以一个栗子说明,方便记忆。当前项目域名:current.csdn.com(随便写的);在我的项目中,访问了两个另外的域名:a.wxy100.c...

2019-04-01 09:37:49 2017

原创 Eclipse和JDK的安装和配置(Windows10系统64位)

eclipse和JDK下载链接:https://pan.baidu.com/s/1QK214U6OIkgZnBJUYHzUAw提取码:96vm自己的学习记录第五步:将JDK和jre的安装的bin路径添加到path里面;第六步:新建classPath...

2018-10-19 14:02:53 1155

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除