- 博客(6)
- 收藏
- 关注
原创 vue3 + Element-Plus的transfer穿梭框组件数据量大卡顿解决方案
使用vue3 + Element-Plus使用transfer, 数据量2000左右页面渲染会卡顿6-8s,非常影响用户体验初步排查卡顿是由于大量dom元素渲染引起的页面卡顿,所以思路是修改element-plus源码,减少首次dom渲染数量.下载element-plus源码, 在里面找到transfer组件引入到项目中1.element-plus源码地址:https://github.com/element-plus/element-plus2.transfer文件地址:element-plus/
2024-04-18 16:55:59
1196
原创 vue3+element遇到的问题记录
解决方案:查看官网后发现,reactive有一定局限性,所以reactive定义的动态数据不能整个赋值或直接=[](指向地址会被更改),需要使用splice等方法(保留原地址指向)// 获取列表数据 根据自己业务获取最新data// 错误写法:lsit = [];
2024-01-03 15:20:00
519
1
原创 (纯css3实现)3d效果----环中心球形图片旋转 中心球形图片前面的元素透明度为1 图片后面透明度为0.1
图片示例html<!-- 转动区域 --><section id="slideshow"> <div class="entire-content"> <div class="content-carrousel"> <div class="shadow" v-for="(item,index) in funList" @click="toPage(item)"> <svg-icon :icon-class="item
2021-08-31 17:22:00
2934
16
原创 vue 锚点操作
vue 锚点操作HTML// 需要锚点定位的元素<div class="chooseSubject" id="app-root"> <div class="subjectContent" id="anchor-1"> ... </div> <div class="subjectContent" id="anchor-2"> ... </div> <div class="subjectContent" id="a
2021-08-20 17:26:57
140
原创 css卷轴打开特效
记录一下卷轴打开特效的代码实现html:<!-- 卷轴 --> <div class="ScrollBox"> <div class="listBox"> <div> <h5><text>2022</text>国考申论大纲改革核心知识</h5> </div> <div> <h5>国考申论<tex>--</tex>
2021-08-19 17:15:36
2396
1
原创 关于webpack踩的那些坑
Error: Cannot find module 'webpack-cli/bin/config-yargs’解决方案运行npm run dev遇到的问题:Error: Cannot find module 'webpack-cli/bin/config-yargs’原本package.json配置文件:"devDependencies": { "webpack": "^5.33.2", "webpack-cli": "^4.n.n", "webpack-dev-server
2021-04-17 18:12:55
150
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人