关于jquery:如何解决layui下select组件大数据卡顿问题

58次阅读

共计 552 个字符,预计需要花费 2 分钟才能阅读完成。

事件是这样,前不久接手了一个老版本的我的项目,从询问过程中得悉我的项目中应用的是 layui 框架,迫于无奈,只好硬接了。

随着开发有序进行,忽然有一天,测试提出了个问题急匆匆的找上我,怎么回事啊,这个页面一进来就贼卡,有的电脑还忽然解体,以后程序也卡住,风扇也是嗡嗡的叫个不停。听到这,我连忙刺激道:别着急,等我抽根烟找找问题就好了 (其实心田是慌的)。

说重点。

通过一顿剖析后得出结论。1. layui 是老一套框架了,当看到 vue 行将成为支流之后,作者连夜跑路说不干了,如同是 17 还是 18 年就不干了。所以,仔细的人也会在网上看到一些遗留的 bug 还在,emm…。2. layui 官网不反对多选,要多选须要另外下载额定组件。3. layui select 组件及其简略,当遇到大数据时就呈现下拉卡顿问题。4. 不反对疏忽大小写搜寻。。

算了,不想说了。还是说怎么解决吧。

计划:
源码下来改不太事实,而且工作量很可能会很大,只能采纳代替计划。通过一番查找和一直实际,总算手写了个 selectM.js 代替了。

成果:
满足业务需要,虚构列表实现下拉、不卡顿、可自在设置是否疏忽大小写搜寻、单选多选自在切换、es6 和 es5 写法同样反对,require 形式引入。成果截图如下:

注:因为代码量切实太多且不宜上传,有须要的开发敌人可私言收费支付。

正文完
 0