-
[置顶]软件接口设计怎么做？前后端分离软件接口设计思路
本文关于软件接口设计怎么做？前后端分离软件接口设计思路。好的系统架构离不开好的接口设计，因此，真正懂接口设计的人往往是软件设计队伍中的稀缺型人才。为什么在接口制定标准中说：一流的企业做标准，二流的企业...
-
[置顶]接口管理如何做？接口实现版本管理的意义和最佳方法
本文关于接口管理如何做？接口实现版本管理的意义和最佳方法。API版本管理的重要性不言而喻，对于API的设计者和使用者而言，版本管理都有着非常重要的意义。下面会从WEB API 版本管理的角度提供几种常...
-
[置顶]实现API管理系统的关键
下面将通过几个关键词的形式说明API管理的重要性和未来的实现方式。1.生命周期管理在整个API生命周期中更深入地集成所有工具将进一步提高生命周期循环的速度，而且更重要的是提供满足消费者需求的API。这...
-
-
-
-
-
-
-
-
-
-
把之前项目中img 标签里面的 :src 属性 改成 v-lazy
参数选项说明
key
description
default
options
preLoad
proportion of pre-loading height
1.3
Number
error
当加载图片失败的时候
'data-src'
String
loading
当加载图片成功的时候
'data-src'
String
attempt
尝试计数
3
Number
listenEvents
想要监听的事件
['scroll', 'wheel', 'mousewheel', 'resize', 'animationend', 'transitionend', 'touchmove']
Desired Listen Events
adapter
动态修改元素属性
{ }
Element Adapter
filter
图片监听或过滤器
{ }
Image listener filter
lazyComponent
lazyload component
false
Lazy Component
dispatchEvent
触发dom事件
false
Boolean
throttleWait
throttle wait
200
Number
observer
use IntersectionObserver
false
Boolean
observerOptions
IntersectionObserver options
{ rootMargin: '0px', threshold: 0.1 }
IntersectionObserver
想要监听的事件
您可以通过传递数组来配置想要使用vue - lazyload的事件
监听器的名字。
Vue.use(VueLazyload, {
preLoad: 1.3,
error: 'dist/error.png" alt="浅谈vue中使用图片懒加载vue" title="浅谈vue中使用图片懒加载vue" width="200" height="150">
