跳转至

项目标题：优雅的readme模板

简体中文 | English

img img img

img img img img img

开源杂货铺，包括一个程序猿（我自己）成长所需要具备的必备技能和技巧（部分）。本项目由大一下时创建，持续维护中；仓库取名灵感来自于学习鸿蒙时华为开发者Codelabs。目的为记录开发过程中一些不负责但难以记忆，在网上难以检索但非常重要的操作。这也很符合CodeLab的定义：“自己动手，分享知识”。 CodeLabs静态站点已经部署，你可以访问这里获得更加好的排版体验

Build Type Linux MacOS Windows
Build Status Status Status

📝 目录

💿 程序发行版下载

点我下载最新版本

下载说明：

  • 建议直接下载exe文件
  • Zip内含资源文件，可供开发使用

版本说明：

  • 仅支持Windows
  • 版本号V1.0.0，经测试存在许多bug，谨慎参考

✅ 运行环境

项目基于Vue+mysql+..构建，

详细的构建方法可以参考这里

⬇️ 编译运行

To install the package, just run:

1 $ npm install ng-lazyload-image

or the following if you are using yarn

1 $ yarn add ng-lazyload-image

🛠 安装库

🖼 快速入门/使用方法

🐛 Debug

In order to get a better understanding of what is happening you can pass [debug]="true" which will output some debug information in the web console.

See onStateChange for more information about the diffrent output messages.

💅 CSS

The css class name ng-lazyloading will automatically be added before the image is loaded and will be removed when the image has been loaded or if the image couldn't be loaded.

The css class name ng-lazyloaded will be added when the image is loaded (regardless of if the image could be loaded or not).

The css class name ng-failed-lazyloaded will be added when the image couldn't be loaded.

🔄 API

🎣 其他

🤔 FAQ

Q How can I manually trigger the loading of images?

A You can either use the getObservable hook if you can trigger the loading outside the dom or you can use the customObservable input, see Custom Observable

Q Does this library work with ionic or some other wrapper for Angular?

A Yes, but ionic and some other library wraps the whole document inside an other div so you might need to create your own scroll listener.

Q How can I add a transition effect between the default image and the lazy loaded image?

A See: https://github.com/tjoskar/ng-lazyload-image/issues/300

🙇‍ 贡献 参与我们

See the contributing guide

欢迎您参与贡献，我们鼓励开发者以各种方式参与文档反馈和贡献。

您可以对现有文档进行评价、简单更改、反馈文档质量问题、贡献您的原创内容，详细请参考贡献文档。

🙇‍ 联系我们/作者

  • 官方Q群：
  • 联系邮箱：@qq.com
  • 个人网站：

🙇‍ 支持与致谢

  • 项目作者名单：
Nickname昵称 Contribution贡献
Dancehole
  • 本项目由作者独立完成，原创不易，欢迎支持：
微信支持 作者bilibili频道/公众号/微信
image-20240201235337475 image-20240201235414474