github上实用、常用的插件和库

最新推荐文章于 2024-06-16 09:40:46 发布

Quiet-Night

最新推荐文章于 2024-06-16 09:40:46 发布

阅读量3.6k

点赞数

分类专栏： Web前端文章标签：插件 github ui

本文链接：https://blog.csdn.net/DeepLies/article/details/77943451

版权

本文整理了GitHub上一系列实用、轻量级、无依赖的前端插件和库，包括图片延迟加载、滚动加载、拖拽排序、动画效果、音频处理、表单输入格式化、富文本编辑器等。这些工具涵盖了图片处理、动画、UI组件、数据处理等多个方面，有助于提升开发效率和用户体验。

摘要由CSDN通过智能技术生成

本文整合罗列一些平时工作或者练手项目中很可能用到的、github上实用、轻量级、无依赖的插件和库，包括功能插件、UI组件、炫酷动画、前沿技术等，让你在少造轮子的同时，享受快速开发的畅快体验。

我会在 github 上持续更新此列表，感兴趣的可以点我star

Echo.js – 简单易用的图片延迟加载插件

github：https://github.com/toddmotto/echo

官方网站：https://toddmotto.com/echo-js-simple-javascript-image-lazy-loading/

star: 3K+

size：2KB

功能介绍：

Echo.js 是一个独立的延迟加载图片的 JavaScript 插件。Echo.js 不依赖第三方库，压缩后不到1KB大小。延迟加载是提高网页首屏显示速度的一种很有效的方法，当图片元素进入窗口可视区域的时候，它就会改变图像的 src 属性，从服务端加载所需的图片，这也是一个异步的过程。

Lazyr.js – 延迟加载图片（Lazy Loading）

github：https://github.com/callmecavs/layzr.js

官方网站：http://callmecavs.com/layzr.js/

star: 5K+

size：2.75KB

功能介绍：

Lazyr.js 是一个小的、快速的、现代的、相互间无依赖的图片延迟加载库。通过延迟加载图片，让图片出现在（或接近)）视窗才加载来提高页面打开速度。这个库通过保持最少选项并最大化速度。

infinite-scroll – 一款滚动加载按需加载的轻量级插件

github：https://github.com/infinite-scroll/infinite-scroll

官方网站：http://www.infinite-scroll.com/

star：5k+

功能介绍：

infinite-scroll是一款滚动加载，滚动到最下到自动加载的轻量级JavaScript插件，简单实用，按需加载提高用户体验，非常适合移动端使用，配合上面的图片懒加载如虎添翼。这个东西不是完全开源的，自己用的话无所谓，但如果想要在商业项目中使用，就必须要购买使用许可。

iscroll - 在网页上实现平滑滚动

github：https://github.com/cubiq/iscroll

官方网站：http://iscrolljs.com

star：9K+

功能介绍：

iScroll是一个高性能，小尺寸，无依赖关系，适用于移动端和 pc多平台JavaScript的滚动插件库，并且不仅仅是滚动，还可以缩放、平移、无线滚动、视差滚动、旋转滚动等，做到移动web与原生APP的完美结合，此系列还被细分出了许多其他专注于某个领域的插件，可以根据需要选择使用。

better-scroll.js – 小巧，灵活的 JavaScript 模拟滚动条的插件

github：https://github.com/ustbhuangyi/better-scroll

官方网站：https://ustbhuangyi.github.io/better-scroll/

star：1.7K+

size: 24KB

功能介绍：

better-scroll 是一个只有24.8KB的 JavaScript 模拟浏览器自带滚动条的插件，是在iscroll开源的基础上进行优化的一款插件，简单好用，轻巧高性能，功能强大，API通俗易懂，有完善详细的官方文档，并且仓库中示例DEMO丰富详细，全都有对应的 vue实现，结合vue使用这款插件，简直不能再得心用手。