动力IT实训:年度技术盘点:50个最佳轻量级Jav

动力IT实训:年度技术盘点:50个最佳轻量级Jav

回顾已发布的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,没有任何依赖。

好啦,分享就到这里了,如果大家还有什么想要了解的,欢迎来我们的大本营-动力教育咨询有限公司。给你提供专业的软件培训,不管是设计还是开发都有的哦~

返回按钮 回到页面顶部 点赞按钮