web前端 “帅气的图片加载工具”

前端婴幼儿

于 2023-05-29 15:23:18 发布

阅读量146

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 前端

本文链接：https://blog.csdn.net/qq_52373373/article/details/130928882

该文章介绍了如何使用npm安装handsome-image库，并导入red-wrap-rain模块来创建图片加载器。通过创建实例并设置图片容器和数组，可以实现图片的延迟加载。HIL.start方法允许自定义随机加载时间，提供更好的用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

话不多说直接看效果

使用方法

使用方法:
1、npm install handsome-image

2、import HandsomeImageLoading from 'red-wrap-rain'

3、let HIL = new HandsomeImageLoading(图片的容器, 图片数组)


4、实例方法：
   HIL.start(num)      // num: 随机出现时间倍率(默认 3)   2 相当于 0 ~ 2000随机时间

使用实例