Skip to content

基于vue2的图片懒加载项目,后台代理百度图片api接口,实现滚动懒加载,当前视图区域加载。

Notifications You must be signed in to change notification settings

fyuanfen/vue-lazyload

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Vue-Img-Lazyload

Build Status

本项目是基于vue2的图片懒加载演示demo,后台接口是百度图片api,通过nginx代理请求实现资源跨域访问。

  • 轻量级,容易使用
  • 兼容各种类型的图片格式
  • 支持滚动底部和点击触发等多种懒加载方式。
  • 仅显示当前视图区域的图片,优化每帧视图刷新性能

首先


  • 喜欢的请点心,关注,star ,fork,这些是我坚持下去的动力
  • 手机扫一扫,直接预览

安装


通过npm安装本地服务第三方依赖模块(需要已安装Node.js)

npm install

启动服务(http://localhost:8080)

npm run dev

发布代码

npm run build

实现的功能


  1. 下载弹框和动画特效。
  2. 快速回到顶部button动画
  3. 支持滚动底部和点击触发等多种懒加载方式。
  4. 仅显示当前视图区域的图片,优化每帧视图刷新性能。
  • 等等

最后

更多项目,可以查看我的项目主页

About

基于vue2的图片懒加载项目,后台代理百度图片api接口,实现滚动懒加载,当前视图区域加载。

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages