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

时间:2017-09-16 18:52

  企业怎么做品牌推广 好推宝助力品牌提升知名度

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

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

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

  1. Choreographer-js

  

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

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

  2. Leaflet.js

  

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

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

  3. Lory

  

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

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

  4. CurrencyFormatter.js

  

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

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

  5. Arc

  

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

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

  6. Egjs

  

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

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

  7. Shave.js

  

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

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

  8. Next.js

  

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

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

  9. jQuery Linechart

  

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

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

  10. Blueprint

  

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

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

  11. Tabulator

  

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

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

  12. baguetteBox.js

  

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

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

  13. ScrollReveal

  

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

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

  14. Marginotes

  

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

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

  15. Loud Links

  

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

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

  16. Bricks.js

  

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

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

  17. MediumEditor

  

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

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

  18. Philter

  

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

  无论是作为一款jQuery插件或是Vanilla JS框架,Philter均提供了通过HTML属性来控制CSS滤镜的方法。

  19. SuperEmbed.js

  SuperEmbed.js是一个JavaScript库,它可检测出网页上的内嵌视频(涉及YouTube、Vimeo、Vine、VideoPress、DailyMotion等)并使他们变成响应式元素。

  20. Substance

  

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

  Substance是一个基于Web内容编辑的JavaScript库。它为你提供了创建自定义文本编辑器,以及基于Web发布系统所需的所有工具。

  21. List.js

  

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

  List.js是一个轻量级、快速的Vanilla JavaScript脚本。它能为列表、表或任何HTML生成具备搜索、排序、过滤以及灵活性的列表。

  22. jqGifPreview

  

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

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

  23. Datedropper.js

  

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

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

  24. jfMagnify

  

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

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

  25. jQuery formBuilder

  

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

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

  26. Popper.js

  

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

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

  27. Image Blur Plugin

  

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

  Image Blur Plugin是一个轻量级用于图像模糊的跨浏览器jQuery插件。