美文网首页javascript电商网站开发
年度技术盘点:50个最佳轻量级JavaScript框架和库

年度技术盘点:50个最佳轻量级JavaScript框架和库

作者: 96828563cc70 | 来源:发表于2016-12-30 12:19 被阅读50次

    回顾今年已发布的JS框架和库,我们针对地筛选了一些能够提供直接和具体功能的免费JavaScript插件和库,与大家分享。它们可不是臃肿的一站式框架,而是一些轻量级,并能够帮助你更快、更容易地进行网页设计与开发的实用型框架。

    正如你期望的,文中的一些插件可用来创建滑块、图片库、响应式菜单、弹出式窗口以及许多其他常见的组件。同时,你也可以发现一些能够提供独特功能的插件,像旁注工具、GIF预览、动画图标等。

    或许,你可能还想了解下 2015年50个最佳的JavaScript集合,以及 50个最佳的免费jQuery插件。

    1. Choreographer-js

    Choreographer.js是一个用于处理复杂动画的简单库。

    2. Leaflet.js

    Leaflet.js是一个开源的移动友好交互式地图JavaScript库。体积仅有33 KB.

    3. Lory

    Lory是一个由Vanilla JavaScript编写的拥有触摸功能的简约滑块。

    4. CurrencyFormatter.js

    CurrencyFormatter.js是一款简单实用的纯JS格式化货币库。它支持155种不同国家的货币格式,并且gzip压缩后仅有7KB .

    5. Arc

    Arc(Atomic React)是一个基于原子设计模式的React应用程序入门套件。

    6. Egjs

    Egjs是一个基于jQuery的具备UI交互,效果和实用程序的小型组件库。

    7. Shave.js

    Shave是一个用于截断Html元素中文本的现代JavaScript插件。

    8. Next.js

    Next.js是一个用于服务器渲染React应用程序的简约框架。

    9. jQuery Linechart

    jQuery Linechart是一个用于构建简单图表的新型jQuery插件。

    10. Blueprint

    Blueprint是React UI组件的集合,它涵盖了Web上的常见界面元素、模式以及交互。

    11. Tabulator

    Tabulator是一个易用的交互式jQuery表单生成插件。

    12. baguetteBox.js

    baguetteBox.js是一个简单、易用的响应式Lightbox图片库。它支持移动端上触滑动手势操作。同时,它还是用纯JavaScript编写的。

    13. ScrollReveal

    无论是为桌面,或是移动浏览器,ScrollReveal插件都可以轻松、快速的帮助你为其创建页面滚动显示动画。

    14. Marginotes

    Marginotes是一款使用jQuery实现的添加旁注插件。它能够使用HTML属性中提供的文本向边距添加相应的注释。如果jQuery不是你的“菜”,它还有个不含jQuery的版本。

    15. Loud Links

    Loud Links是一个轻量级JavaScript库,用于向您的网站添加交互音频。它通过创建HTML5音频元素,来播放MP3或OGG格式的音频文件。

    16. Bricks.js

    Bricks.js是一个用于固定宽度元素的快速堆砌布局生成器。

    17. MediumEditor

    MediumEditor是一个用Vanilla JavaScript编写的,轻量级用于模仿Medium的开源编辑器。同时,它还有一些可选的Mediaditor扩展与主题。

    18. Philter

    无论是作为一款jQuery插件或是Vanilla JS框架,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是一个轻量级、快速的Vanilla JavaScript脚本。它能为列表、表或任何HTML生成具备搜索、排序、过滤以及灵活性的列表。

    22. jqGifPreview

    jqGifPreview是一个简单的jQuery插件,用于创建GIF预览。类似你在Facebook上看到的那样。

    23. Datedropper.js

    Datedropper.js是一个jQuery插件,它提供了一个简便的方法来管理输入区域的日期。

    24. jfMagnify

    jfMagnify是一个jQuery插件,它可以为任何HTML元素创建放大镜效果,而不仅仅是图像。

    25. jQuery formBuilder

    jQuery formBuilder是一个可视化的jQuery插件。你可以用快速拖放的方式来创建表单。

    26. Popper.js

    Popper.js是一个轻量级(压缩后4kb)库,用于管理poppers,tooltips和popovers .只需要一行代码,你就可以快速、简单的对tooltips进行定位。

    27. Image Blur Plugin

    Image Blur Plugin是一个轻量级用于图像模糊的跨浏览器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. Algolia Places

    Algolia Places是一个易用的JavaScript库。当你在网站上使用地址搜索时,它可以提供一种快速自动填充地址的功能。

    37. Flatpickr

    Flatpickr是一款轻量级的日期选择控件。它由Vanilla JavaScript所编写。

    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是一个功能齐全的JavaScript Lightbox库,同时它没有任何依赖。

    以上就是本文的分享,那么还少了7个框架,它们去哪里了?

    鬼知道!!一脸懵逼(/□)....

    那么,程小狮就将其补全吧!

    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库,并把结果报告发送到Google Analytics上。

    50. Senna.js

    Senna.js是一个轻量级、快速的单页面应用程序引擎,它提供了几个低级的API,你可以借助它来构建现代的Web应用程序。同时,它压缩后的大小只有15 KB,没有任何依赖。

    相关文章

      网友评论

        本文标题:年度技术盘点:50个最佳轻量级JavaScript框架和库

        本文链接:https://www.haomeiwen.com/subject/ondmvttx.html