Clusterize.js
1.1、Clusterize.js简介
是什么 ?:Clusterize.js是一个能够让使用ulli展示大量数据而不卡顿的库。 它的原理是只创建可见区域内的li,复用li,换数据的方法进行的。
开发语言:CSSJavaScript
官方主页:https://clusterize.js.org
源码仓库:https://github.com/NeXTs/Clusterize.js
1.2、通过开源CDN引入Clusterize.js

BootCDN⤵︎

<link  href="https://cdn.bootcss.com/clusterize.js/0.18.0/clusterize.min.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/clusterize.js/0.18.0/clusterize.min.js"></script>
1.3、通过下载到本地引入Clusterize.js

step1、通过包管理器安装Clusterize.js

包管理器安装命令
bowerbower install clusterize --save
npmnpm install clusterize --save
yarnyarn add clusterize

step2、在HTML代码中引入CSSJavaScript

<link  href="/bower_components/clusterize/clusterize.css" rel="stylesheet">
<script src="/bower_components/clusterize/clusterize.min.js"></script>
1.4、使用Clusterize.js