- 博客(17)
- 收藏
- 关注
RSS订阅
原创 处理el-table大数据卡顿的问题，包含tree型数据格式
有时候el-table的数据可能有成千上万条，而且又要在一页显示完，这时候页面渲染的dom太多了，可能会造成页面卡顿。因为数据量过多导致浏览器渲染过多的标签元素 导致DOM树占用内存较大 使得用户操作阻塞。具体原理可参考别的大佬写的文章：DOM性能瓶颈与Javascript性能优化.使用第三方插件 npmjs.com/package/pl-ta。解决方案：给表格固定高度，只渲染用户在表格中滚动的视图dom。解决思路可参考： 页面中长列表滚动的优化.
2023-08-21 14:28:26
3115
1
原创 canva安装报错的问题
问题描述例如：canva安装报错的问题：npm install -g canvas --canvas_binary_host_mirror=https://registry.npmmirror.com/-/binary/canvas/
2022-05-25 16:57:12
553
原创 前端多线程webworks-使用Comlink使其更加简洁好用
项目场景：导出 Excel往往业务中有这样的需求，导出 Excel 报表。通常技术实现由后端返回文件流，前端生成文件并下载，这也是考虑到性能问题。事实上，在多线程的加持下，纯前端也完全可以实现，以下为 Comlink 的代码写法（10 万数据）：解决方案：main.js<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <script src="https://
2022-01-26 14:59:23
2019
原创 七牛云自定义文件上传（vue2）支持暂停续传
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创
2022-01-05 14:54:56
877
3
原创 flex布局justify-content: center，最后一行左对齐的最新完美解决方案
项目场景：关于弹性布局flex，使用justify-content: center 最后一行左对齐的最新完美解决方案问题描述：一、justify-content对齐问题描述在CSS flex布局中，justify-content属性可以控制列表的水平对齐方式，例如space-between值可以实现居中对齐。但是，如果最后一行的列表的个数不满，则就会出现最后一行没有完全垂直对齐的问题。.el-row{ display: flex; justify-content: center; fle
2021-12-29 15:17:30
3990
转载 v-dialogDrag自定义指令实现可视窗口内的弹窗拖拽
文章地址：提示：这里可以添加要学的内容https://blog.csdn.net/weixin_46391323/article/details/105228020
2021-07-27 16:42:13
836
原创 vue2.X 中axios的简单封装和多功能封装
前言 写不下前言的前言 提示：以下是本篇文章正文内容，下面案例可供参考一、vue2.0 中axios的简单封装简单封装说明了封装思路，适合小白但想尝试封装的人。你可以在此基础上进行追加改造.二、准备工作1.引入库代码如下（示例）：npm install axios npm install element-ui -S// 或者yarn add axiosnpm add element-ui2.创建封装文件 request.js代码如下（示例）：/** * 全站http配置
2021-07-27 16:31:10
2264
原创 vue2-element组件二次封装
文章目录前言一、单选select分页二、多选select分页总结前言由于项目中有时一个select的候选项会一次性返回很多数据，比如我的就有上万条。一次性都渲染会造成页面直接卡死。本篇笔记就记录一下如何使用 elmentUI Select 选择器 和Pagination 分页组件进行性能优化处理。你也可以对次进行改编成模板...ps： 单选select分页是根据前辈的案例进行了改编和优化处理一、单选select分页简单说明：1. 单选分页，支持搜索记忆功能，在搜索中途关闭选项卡时，会
2021-01-08 16:54:38
2744
原创 关于封装echarts的那些事
文章目录前言我希望这个echarts组件能设计成什么样一、对使用echarts需要提前知道的知识二、使用步骤1.引入库2.读入数据总结前言每个开发者在制作图表时都需要从头到尾书写一遍完整的option配置，十分冗余。在同一个项目中，各类图表设计十分相似，甚至是相同，没必要一直做重复工作，可能有一些开发者忘记考虑echarts更新数据的特性，以及窗口缩放时的适应问题。这样导致数据更新了echarts视图却没有更新，窗口缩放引起echarts图形变形问题，这就需要我们程序猿发动偷懒的特技啦！QAQ我
2021-01-07 21:38:46
894
2
原创 layui Tree勾选控制 唯一选中。
关于layui Tree控制只能单选的需求，附带解决展开节点时三角号无法正确切换的问题。话不多说 直接上demo！注意：代码中的 _.xx方法 使用的lodash.js 的函数.transform-r90:after { transform: rotate(90deg);}var status = true;tree.render({ elem: '#test1' , showCheckbox: true , showLine: fals
2020-06-17 15:34:18
3962
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人