愛尔不後悔 中级会员v3| 发表于 2023-6-6 13:54:49 | 显示全部楼层

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?立即注册

×
好玩的



Three.js:https://threejs.org/:用于创建 3D 图形的 JavaScript 库,它可以在您的浏览器中呈现 3D 场景,支持多种材质、光源和动画效果。

D3.js:https://d3js.org/:数据可视化 JavaScript 库,使您可以使用 HTML、SVG 和 CSS 创建各种炫酷的、交互式的数据可视化效果。

Anime.js:https://animejs.com/:一个轻量级的 JavaScript 动画引擎,可以实现各种类型的复杂动画效果,包括弹性、缓动、颜色变化等。

particles.js:https://vincentgarreau.com/particles.js/:一个基于 canvas 的粒子效果库,可以创建出类似星空、雨滴和火花等各种高度自定义的粒子效果。

AOS:https://michalsnik.github.io/aos/:一个轻量、可扩展、纯 CSS 实现的动画库,可以制作出各种页面动态效果,如滚动时内容淡入淡出、旋转等。


常用的


IntersectionObserver:https://developer.mozilla.org/en ... ection_Observer_API

Layzr.js:https://github.com/callmecavs/layzr.js:这是一款基于原生 JavaScript 的懒加载插件,它支持图片、音频和视频等各种类型的资源懒加载,并且相比于其他懒加载插件,它的体积更小,性能更高。

LazyLoad:https://www.appelsiini.net/projects/lazyload:这是一款 jQuery 插件,可以实现图片懒加载功能,使用起来非常简单,只需要给要进行懒加载的图片设置 data-original 属性即可。

lozad.js:https://github.com/apoorvthorat/lozad.js:这是另一款基于 IntersectionObserver API 的懒加载插件,它更加轻量级,压缩后仅 1.3KB 左右,而且能够自动识别不支持 IntersectionObserver API 的浏览器,从而实现兼容性处理。

Blazy:https://dinbror.dk/blazy/:这是一款基于原生 JavaScript 的懒加载插件,它支持多种类型的资源懒加载,并且能够自动适应不同的屏幕和设备。


您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|BOXBBS

GMT+8, 2024-12-28 17:56 , Processed in 0.086423 second(s), 21 queries .

Powered by Boxbbs X3.5

© 2023-2033 MacCmsBox bbs.

快速回复 返回顶部 返回列表