![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
element
文章平均质量分 52
vue-202
不要辜负别人对你的期待
展开
-
处理el-table大数据卡顿的问题,包含tree型数据格式
有时候el-table的数据可能有成千上万条,而且又要在一页显示完,这时候页面渲染的dom太多了,可能会造成页面卡顿。因为数据量过多导致浏览器渲染过多的标签元素 导致DOM树占用内存较大 使得用户操作阻塞。具体原理可参考别的大佬写的文章:DOM性能瓶颈与Javascript性能优化.使用第三方插件 npmjs.com/package/pl-ta。解决方案:给表格固定高度,只渲染用户在表格中滚动的视图dom。解决思路可参考: 页面中长列表滚动的优化.原创 2023-08-21 14:28:26 · 3519 阅读 · 1 评论 -
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 · 4595 阅读 · 0 评论