回顾已发布的JS框架和库,我们针对地筛选了一些能够提供直接和具体功能的免费JavaScript插件和库,与大家分享。
它们可不是臃肿的一站式框架,而是一些轻量级,并能够帮助你更快、更容易地进行网页设计与开发的实用型框架。
正如你期望的,文中的一些插件可用来创建滑块、图片库、响应式菜单、弹出式窗口以及许多其他常见的组件。同时,你也可以发现一些能够提供独特功能的插件,像旁注工具、GIF预览、动画图标等。
或许,你可能还想了解下50个最佳的JavaScript集合,以及50个最佳的免费jQuery插件。
1.Choreographer-js
Choreographer.js是一个用于处理复杂动画的简单库。
2.Leaflet.js
Leaflet.js是一个开源的移动友好交互式地图JavaScript库。体积仅有33KB.
3.Lory
Lory是一个由VanillaJavaScript编写的拥有触摸功能的简约滑块。
4.CurrencyFormatter.js
CurrencyFormatter.js是一款简单实用的纯JS格式化货币库。它支持155种不同国家的货币格式,并且gzip压缩后仅有7KB.
5.Arc
Arc(AtomicReact)是一个基于原子设计模式的React应用程序入门套件。
6.Egjs
Egjs是一个基于jQuery的具备UI交互,效果和实用程序的小型组件库。
7.Shave.js
Shave是一个用于截断Html元素中文本的现代JavaScript插件。
8.Next.js
Next.js是一个用于服务器渲染React应用程序的简约框架。
9.jQueryLinechart
jQueryLinechart是一个用于构建简单图表的新型jQuery插件。
10.Blueprint
Blueprint是ReactUI组件的集合,它涵盖了Web上的常见界面元素、模式以及交互。
11.Tabulator
Tabulator是一个易用的交互式jQuery表单生成插件。
12.baguetteBox.js
baguetteBox.js是一个简单、易用的响应式Lightbox图片库。它支持移动端上触滑动手势操作。同时,它还是用纯JavaScript编写的。
13.ScrollReveal
无论是为桌面,或是移动浏览器,ScrollReveal插件都可以轻松、快速的帮助你为其创建页面滚动显示动画。
14.Marginotes
Marginotes是一款使用jQuery实现的添加旁注插件。它能够使用HTML属性中提供的文本向边距添加相应的注释。如果jQuery不是你的“菜”,它还有个不含jQuery的版本。
15.LoudLinks
LoudLinks是一个轻量级JavaScript库,用于向您的网站添加交互音频。它通过创建HTML5音频元素,来播放MP3或OGG格式的音频文件。
16.Bricks.js
Bricks.js是一个用于固定宽度元素的快速堆砌布局生成器。
17.MediumEditor
MediumEditor是一个用VanillaJavaScript编写的,轻量级用于模仿Medium的开源编辑器。同时,它还有一些可选的Mediaditor扩展与主题。
18.Philter
无论是作为一款jQuery插件或是VanillaJS框架,Philter均提供了通过HTML属性来控制CSS滤镜的方法。
19.SuperEmbed.js
SuperEmbed.js是一个JavaScript库,它可检测出网页上的内嵌视频(涉及YouTube、Vimeo、Vine、VideoPress、DailyMotion等)并使他们变成响应式元素。
20.Substance
Substance是一个基于Web内容编辑的JavaScript库。它为你提供了创建自定义文本编辑器,以及基于Web发布系统所需的所有工具。
21.List.js
List.js是一个轻量级、快速的VanillaJavaScript脚本。它能为列表、表或任何HTML生成具备搜索、排序、过滤以及灵活性的列表。
22.jqGifPreview
jqGifPreview是一个简单的jQuery插件,用于创建GIF预览。类似你在Facebook上看到的那样。
23.Datedropper.js
Datedropper.js是一个jQuery插件,它提供了一个简便的方法来管理输入区域的日期。
24.jfMagnify
jfMagnify是一个jQuery插件,它可以为任何HTML元素创建放大镜效果,而不仅仅是图像。
25.jQueryformBuilder
jQueryformBuilder是一个可视化的jQuery插件。你可以用快速拖放的方式来创建表单。
26.Popper.js
Popper.js是一个轻量级(压缩后4kb)库,用于管理poppers,tooltips和popovers.只需要一行代码,你就可以快速、简单的对tooltips进行定位。
27.ImageBlurPlugin
ImageBlurPlugin是一个轻量级用于图像模糊的跨浏览器jQuery插件。
28.InlineTweet.jsInlineTweet.js能帮助你轻松地从网页的任何文本上,创建推特表格的分享。而你只需要在带有data-inline-tweet的容器中填好推特的分享文本即可。
29.iMissYou.js
iMissYou.js是一个轻便小巧的jQuery插件。它用于当用户离开你的网页时,更改网页的标题和图标。
30.SweetAlert2
SweetAlert2是一个漂亮、可定制的JS弹窗插件,它用于替代浏览器默认的弹窗效果。
31.Turntable.js
Turntable.js是一个响应的jQuery滑块插件。当你的鼠标(或手指)扫过容器时会产生翻转效果。
32.Force.js
Force.js是一个JavaScript库,它可以轻松地让HTML元素在网页上产生动画、页面滚动的效果。
33.Push.jsPush.js是一个用于启动和运行Javascript桌面通知的跨浏览器解决方案。
34.Bideo.js
Bideo.js是一个可轻松为网页添加全屏背景视频的JS库。
35.Microlight.js
Microlight.js是一个适用于任何编程语言的轻量级代码高亮库,使用它后可大大提高代码的可读性。
36.AlgoliaPlaces
AlgoliaPlaces是一个易用的JavaScript库。当你在网站上使用地址搜索时,它可以提供一种快速自动填充地址的功能。
37.Flatpickr
Flatpickr是一款轻量级的日期选择控件。它由VanillaJavaScript所编写。
38.Slidebars
Slidebars是一个轻量级jQuery框架,它用于创建具有移动端应用样式的off-canvas菜单界面和侧边栏。
39.anime.js
anime.js是一个轻量级、灵活的JavaScript动画库。它适用于CSS、SVG、DOM属性和JS对象。
40.Cleave.js
Cleave.js是一款简单插件,用于输入框内容的格式化。
41.Skippr
Skippr是一个超简单、轻量级的jQuery幻灯片插件。
42.iziModal.js
iziModal.js是一个融合优雅、响应式、灵活、轻量级于一身的现代jQuery插件。
43.Lightgallery.js
Lightgallery.js是一个功能齐全的JavaScriptLightbox库,同时它没有任何依赖。
44.Progressively
Progressively是一个用于逐步加载图片的JavaScript库。由于它完全用JavaScript所编写,所以它不依赖于像jQuery这样的第三方库。同时,它的体积也超级小(gzip压缩后<1.2kB)当用户浏览到页面上加载的图片时,它能够有效的节省带宽和服务器请求。
45.Features.js
Feature.js是一个快速、简单、轻量级的浏览器功能检测库。它没有任何的依赖,并且gzip压缩后仅有1kb.
46.UAParser.js
UAParser.js是一个轻量级基于JavaScript的User-Agent字符串解析库。用于识别Web浏览器的详细类型、布局引擎、操作系统、CPU架构和设备类型/模型。它支持browser和node.js环境,也可作为jQuery/Zepto的插件,Bower/Meteor的包,以及RequireJS/AMD的模块。
47.Monkberry
Monkberry是一个快速,小巧(1kb)的用于构建Web用户界面的JavaScript库。
48.viewScroller.js
viewScroller.js是一个小巧易用的解决方案,它可以帮助你创建全页滚动网站。
49.Appmetrics.js
Appmetrics.js是一个用来测量Web应用程序的小型JS库,并把结果报告发送到GoogleAnalytics上。
50.Senna.js
Senna.js是一个轻量级、快速的单页面应用程序引擎,它提供了几个低级的API,你可以借助它来构建现代的Web应用程序。同时,它压缩后的大小只有15KB,没有任何依赖。
好啦,分享就到这里了,如果大家还有什么想要了解的,欢迎来我们的大本营-动力教育咨询有限公司。给你提供专业的软件培训,不管是设计还是开发都有的哦~