【文件属性】:
文件名称:vue-l-lazyload:Vue.js v2.x +的lazyload插件
文件大小:713KB
文件格式:ZIP
更新时间:2021-05-06 16:28:44
vuejs vue vuejs2 lazyload JavaScript
vue-l-lazyload
Vue.js v2.x +的惰性加载和视图内检测插件。
演示版
或npm install vue-l-lazyload && npm run startDev进行播放!
拉请求是受欢迎的:)
执照
LGPL-V3
特征
除了Vue外,没有其他依赖项
渐进式配置
灵活的事件触发加载
支持lazyload作为src属性和背景图片
定制的重试控制
过滤规则替换url
事件委托和被动事件侦听器(如果可用)可提高性能
LazyComp用于延迟加载子组件。
InViewComp用于视图内检测
安装
npm install vue-l-lazyload
用法
一种简单的方法:
import { VueLLazyload } from 'vue-l-lazyload' ;
// For smaller production code with tree shaki
【文件预览】:
vue-l-lazyload-master
----.gitignore(21B)
----README.md(24KB)
----test()
--------unit()
----LICENSE(7KB)
----package.json(3KB)
----dist()
--------main.js(19KB)
--------main.js.map(84KB)
--------main.js.gz(7KB)
----src()
--------LazyComp.vue(3KB)
--------InViewComp.vue(1017B)
--------util.js(4KB)
--------index.js(4KB)
--------lazy.js(12KB)
----.babelrc(247B)
----build()
--------conf.js(370B)
--------webpack.dev.conf.js(269B)
--------webpack.prod.conf.js(1KB)
--------webpack.base.conf.js(2KB)
--------utils.js(329B)
--------webpack.devServer.conf.js(719B)
----config()
--------test.env.js(135B)
--------prod.env.js(49B)
--------dev.env.js(142B)
----postcss.config.js(179B)
----.npmignore(96B)
----.travis.yml(213B)
----yarn.lock(254KB)
----.eslintrc.js(699B)
----demo()
--------index.template.html(288B)
--------src()
--------img()
--------js()
--------index.html(355B)