如何解决layui下select组件大数据卡顿问题
事情是这样，前不久接手了一个老版本的项目，从询问过程中得知项目中使用的是layui框架，迫于无奈，只好硬接了。
随着开发有序进行，突然有一天，测试提出了个问题急匆匆的找上我，怎么回事啊，这个页面一进来就贼卡，有的电脑还突然崩溃，当前程序也卡住，风扇也是嗡嗡的叫个不停。听到这，我连忙安慰道：别着急，等我抽根烟找找问题就好了(其实内心是慌的)。
说重点。
经过一顿分析后得出结论。1. layui是老一套框架了，当看到vue即将成为主流之后，作者连夜跑路说不干了，好像是17还是18年就不干了。所以，细心的人也会在网上看到一些遗留的bug还在,emm…。2. layui官网不支持多选，要多选需要另外下载额外组件。3. layui select组件及其简单，当遇到大数据时就出现下拉卡顿问题。4. 不支持忽略大小写搜索。。
算了，不想说了。还是说怎么解决吧。
方案：
源码上去改不太现实，而且工作量很可能会很大，只能采用替代方案。经过一番查找和不断实践，总算手写了个selectM.js替代了。
效果：
满足业务需求，虚拟列表实现下拉、不卡顿、可自由设置是否忽略大小写搜索、单选多选自由切换、es6和es5写法同样支持，require方式引入。效果截图如下：
注：由于代码量实在太多且不宜上传，有需要的开发朋友可私言免费领取。
如何解决layui下select组件大数据卡顿问题相关推荐
- QCustomPlot频繁绘画大数据 卡顿，添加支持OpenGL加速
OpenGl:open graphices library ,看着像是一个图形库,其实 opengl应该是一个标准,用于 渲染2D 3D立体等复杂的API接口.常用 CAD 虚拟现实 游戏 等,op ...
- 【工业互联网】郭朝晖：工业互联网平台背景下的工业大数据与智能制造
4月11日,工业互联网平台宣讲团第二季第三讲继续开讲,由走向智能研究院工业大数据首席专家.清华大学访问学者郭朝晖为大家分享"工业互联网平台背景下的工业大数据与智能制造"." ...
- 疫情冲击下，探讨大数据交易市场的数据资产的管理与定价
原创 | 点宽学院 作者 | 陈亮威 全文字数3129字,建议阅读时长 9 分钟. 大数据资产是企业重要的资源,结合国内外研究热点,大数据资产定价这一问题是业内重要的研究课题,也是其中的研究难点.同时 ...
- 黑苹果音频卡顿_手机耗电大、卡顿怎么办？只需关掉这个按键轻松解决，去试试...
阅读本文前,请您先点击上面的"议科技",关注,这样您就可以继续收到最新文章了.每天都有分享.完全是免费订阅,请放心关注. 大家好,很高兴认识大家,话不多说,进入正题,手机现在已经是 ...
- kodi android 卡顿,给Kodi设置缓存来解决播放大文件卡顿
给Kodi设置缓存来解决播放大文件卡顿 2021-03-02 16:21:20 28点赞 355收藏 31评论 Kodi可以算是电视盒子上最棒的播放器了,它具有强大的功能,优美的界面,相信很多人也都是 ...
- 完美解决windows10磁盘占用100%并出现卡顿、假死无反应
完美解决windows10磁盘占用100%并出现卡顿.假死无反应 想必大家也跟我一样,自从用win10系统以后经常会出现这种情况:磁盘突然占用100%然后开始出现假死现象,电脑卡住,点击任何软件没反应 ...
- 解决word2019安装完visio变得卡顿的问题
解决word2019安装完visio变得卡顿的问题 本来word使用的好好的,想安装一个画图软件visio,结果发现安装完了之后,word变得十分卡顿,每次打完字需要等待一两秒才能显示,非常折磨人.于 ...
- 前端vue js 高德地图实现雷达扫描加载，借鉴百度地图等方法，采用Canvas解决雷达背景透明度问题，解决Canvas动态指针扫描造成浏览器卡顿问题
前端vue js 高德地图实现雷达扫描加载,借鉴百度地图等方法,采用Canvas解决雷达背景透明度问题,解决Canvas动态指针扫描造成浏览器卡顿问题 经过3天的尝试,借鉴了好几个博客的思路,开发了一 ...
- javascript 函数节流 throttle 解决函数被频繁调用、浏览器卡顿的问题
* 使用setTimeout index.html <html> <head><meta charset="UTF-8"><title&g ...
- 解决微信小程序ios端滚动卡顿的问题
解决微信小程序ios端滚动卡顿的问题 参考文章: (1)解决微信小程序ios端滚动卡顿的问题 (2)https://www.cnblogs.com/goloving/p/10563472.html 备 ...
最新文章
- Vlan 4096的限制原因
- Linux下安装rabbitmq3.7.8
- python怎么读取文件-Python中怎么读写文件
- (转贴)给Repeater、Datalist和Datagrid增加自动编号列
- 活体检测很复杂？仅使用opencv就能实现！（附源码）
- flink sql udf jar包_FlinkSQL 动态加载 UDF 实现思路
- c++ ：MFC opencv使用namedWindow，imshow出现两个窗口
- day5-xml模块
- （转载）UI接口分层自动化测试框架设计思想
- 工程师的基本功是什么？如何练习？听美团技术大咖怎么说
- 食物链(扩展域并查集)
- VC++6.0快捷键
- 关于CDC在非控件类中的使用
- PHP 中 const define 的区别
- django 模型增加字段后迁移失败
- 多语言样式容器内容超出父级宽度不换行显示
- C语言中关于float和double的输入输出格式
- 【bzoj2118】 墨墨的等式
- WPF如何为程序添加splashScreen（初始屏幕）
- 全网软件：高级信息搜索数据采集软件 InfoSeek FastSeek