前端 整理一些好用的js插件

好玩的

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 的懒加载插件,它支持多种类型的资源懒加载,并且能够自动适应不同的屏幕和设备。

温馨提示:本文最后更新于2023-07-24 00:17:41,某些文章具有时效性,若有错误或已失效,请私信客服或联系知新社长
请登录后发表评论

    没有回复内容

社区SOS帮助他人是美德
赶紧收藏我们,查看更多心仪的内容?按Ctrl+D收藏我们 或 发现更多

你已经到达了世界的尽头

  • 6549

    稿件数目

  • 2

    正式成员

  • 1

    本周稿件

  • 867

    持续运行

  • 513141

    访问总量

  • 波浪
  • 波浪
  • 波浪
  • 波浪
 

昼夜

客服

客服

点击联系站长 点击私信站长

在线时间
12:00 - 22:00

加入官方QQ群

关注微信公众号
急事电联

13145206071

站长邮箱 3388700000@qq.com