基于vue2的图片懒加载项目,后台代理百度图片api接口,实现滚动懒加载,当前视图区域加载。
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
build
config
src
.travis.yml
README.md
index.html
package.json
问题总结.md

README.md

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. 仅显示当前视图区域的图片,优化每帧视图刷新性能。
  • 等等

最后

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