Vue
文章平均质量分 60
伦为JAY下囚
这个作者很懒,什么都没留下…
展开
-
vue自定义懒加载指令
vue自定义懒加载指令一、介绍二、自定义指令三、使用方法四、实现效果一、介绍懒加载(Load On Demand)——也称为延迟加载,它能够在用户滚动页面的时候自动获取更多的数据,而新得到的数据不会影响原有数据的显示,同时最大程度上减少服务器端的资源耗用。其关键就是,在图片没有进入可视区域时,先不给的src赋值,这样浏览器就不会发送请求了,等到图片进入可视区域再给src赋值。二、自定义指令vue3.0写法1、安装插件yarn add @vueuse/core -S2、创建lazy-image.原创 2021-09-03 16:42:33 · 451 阅读 · 0 评论 -
vue实现瀑布流效果
vue实现瀑布流效果一、介绍二、布局原理三、具体实现四、实现效果一、介绍瀑布流,又称为瀑布流布局。是比较流行的一种网页展示形式,在视觉上表现为参差不齐的多栏布局,随着页面滚动条向下滚动,这种布局还会不断加载数据块并附加至当前尾部。即多行等宽元素排列,后面的元素依次添加到其后,等宽不等高,根据图片原比例缩放直至宽度达到我们的要求,依次按照规则放入指定位置。二、布局原理等宽不等高的图片排列,从第二行开始,图片插入的位置根据上一行插入图片得最低处依次插入,最终形成参差不齐的布局效果。三、具体实现这里是原创 2021-09-03 15:56:45 · 2813 阅读 · 0 评论