【小技巧】基于vue+swiper实现图片库列表点击查看大图,可左右切换(事件委托、动态数组、懒加载、缓存、节流防抖)
最近接到一个需求,实现起来很简单,但是考虑到性能问题,需要花一些技巧。页面性能优化,分别应用到:事件委托、动态数组、懒加载、缓存、节流防抖场景和需求:移动端一个图库列表页,几百张甚至几千张图片的列表展示点击其中的一张图片,可以预览大图,左右切换查看所有其他图片的大图-第一部分:问题:点击事件,如果每张图的标签都绑定了事件,在移动端,性能很糟糕。解决办法:事件委托。HTML结构:previewPho