weixin_42650749的博客

一、定义CSS 图像合并（Image sprites） 技术，亦作 CSS 贴图定位、图像精灵（sprite，意为精灵），被运用于众多使用大量小图标的网页应用之上。它可取图像的一部分来使用，使得使用一个图像文件替代多个小文件成为可能。相较于一个小图标一个图像文件，单独一张图片所需的 HTTP 请求更少，对内存和带宽更加友好。二、使用方法利用background-position对图标进行定位，若原来是<img>标签，替换成<a>、<div>1、替换图标：设置w

插件地址：https://swiperjs.com/场景：自动轮播几十个item，组件滑动卡顿明显，轮播个数为20个以下表现正常。原因：轮播前，渲染所有的swiper-item，dom元素一口气循环挂载到dom树上，当swiper-item个数很多的时候，dom节点内存增大，监听事件占用的内存也逐渐加大，所以出现滑动卡顿现象。解决方案：主要思想：简化dom结构。方案一： 使用api中virtual，开启虚拟Slide功能。但是不适用于我们当前的无限轮播。Note that accordin