资讯频道 → Web前端
阅读更多

2顶
0踩

Web前端

翻译新闻 年终盘点！2016 年最佳的轻量级 JavaScript 框架和库

2016-12-28 15:27 by 副主编 jihong10102006 评论(0) 有10579人浏览
javascript jquery 框架 前端
回顾今年已发布的 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.js
InlineTweet.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.js
Push.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 对象。

  • 大小: 68.8 KB
  • 大小: 41.9 KB
  • 大小: 324.1 KB
  • 大小: 41.2 KB
  • 大小: 74.8 KB
  • 大小: 65.8 KB
  • 大小: 65.2 KB
  • 大小: 146.3 KB
  • 大小: 65.9 KB
  • 大小: 156.7 KB
  • 大小: 152.5 KB
  • 大小: 116.9 KB
  • 大小: 121.2 KB
  • 大小: 81.3 KB
  • 大小: 207.7 KB
  • 大小: 7 KB
  • 大小: 24.1 KB
  • 大小: 52.2 KB
  • 大小: 65.6 KB
  • 大小: 170.3 KB
  • 大小: 134.4 KB
  • 大小: 51.7 KB
  • 大小: 132.4 KB
  • 大小: 84.3 KB
  • 大小: 191.4 KB
  • 大小: 116.7 KB
  • 大小: 65.1 KB
  • 大小: 119.7 KB
  • 大小: 53.7 KB
  • 大小: 66.7 KB
  • 大小: 48.8 KB
  • 大小: 56.8 KB
  • 大小: 118.8 KB
  • 大小: 104.4 KB
  • 大小: 202.4 KB
  • 大小: 138.3 KB
  • 大小: 190.3 KB
  • 大小: 82.5 KB
来自: 简书
2
顶
0
踩
评论 共 0 条 请登录后发表评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 年终盘点！2016 年 50 个最佳的轻量级 JavaScript 框架和库

    2016 年 50 个最佳的轻量级 JS 框架和库 回顾今年已发布的 JS 框架和库，我们针对地筛选了一些能够提供直接和具体功能的免费 JavaScript 插件和库，与大家分享。它们可不是臃肿的一站式框架，而是一些轻量级，并...

  • 旧文：年终盘点：Java今年的大事记都在这里！

    本文，笔者盘点了IT168企业级一年来对Java的跟踪报道。 这一年对Java来说是不容易的，从Java 9一再延期备受争议，再到拿下所有权威排行榜的前三名，Java今年发生了太多事情，饱受了很多争论。 image.png ...

  • 年终盘点：Java今年的大事记都在这里！

    本文，笔者盘点了IT168企业级一年来对Java的跟踪报道。 这一年对Java来说是不容易的，从Java 9一再延期备受争议，再到拿下所有权威排行榜的前三名，Java今年发生了太多事情，饱受了很多争论。 风平浪静的一月 ...

  • 2016年前端盘点合集

    在此，整理了一些对过去的2016年盘点的资料，一是希望能借此提高自己的姿势水平，二是希望能为2017年的学习有所指导。 所谓兼听则明，偏信则暗，对各家观点都有所了解，才好对前端的技术发展做出客观中立的判断。 ...

  • 深度盘点：30个用于深度学习、自然语言处理和计算机视觉的顶级 Python 库

    今天我们来盘点一下有哪些用于深度学习、自然语言处理和计算机视觉的顶级Python库。 我尽力将每个库按预期的使用情况进行归类，所有包含的库都有对应的Github代码仓库，我还列出每个库的在Github上的收藏(Stars) ，...

  • 年终盘点跨平台技术（Hybrid、RN、Weex、Flutter）-全栈系列

    但是Web最大的问题是，它的性能和体验与原生开发存在肉眼可感知的差异 因此并不适用于对性能和用户体验要求较高的场景 第二阶段是以RN和Weex为代表的泛web容器时代 RN对Web标准进行了功能裁剪 用户体验更接近于...

  • 2014年最优秀JavaScript编辑器大盘点

     是 一种轻量级的、功能强大的 IDE，为Node.js复杂的客户端开发和服务器端开发提供完美的解决方案。 WebStorm的智能代码编辑器支持 JavaScript, Node.js, HTML和 CSS。 WebStorm支持Windows, Mac OS和Linux...

  • 年度盘点：20+主流数据库重大更新及技术要点回顾

    数据库行业年度回顾技术的多元化探索与产品的差异化发展2021年，各家数据库产品都取得了长足的进步。首先，从技术角度上看，分布式、云及云原生、多模、HTAP、AI自治等代表性技术，成为了各大...

  • 30个顶级Python库：用于深度学习、自然语言处理和计算机视觉

    今天我们来盘点一下有哪些用于深度学习、自然语言处理和计算机视觉的顶级Python库。 我们尽力将每个库按预期的使用情况进行归类，希望这能对大家有所帮助。 显然，现在并不是所有的自然语言处理和计算机视觉工作都是...

  • 挥别 2016！展望 2017 的前端周刊（第十三期）

    前端周刊是一份专为前端从业人员，以及对前端、设计领域感兴趣的朋友们打造的技术周刊。程小狮会精选出前端、设计领域近期相关的资讯、热点以及技术干货，与大家一同...整理完 2016 年的最后一期内容，看了看表，...

  • 框架

    2016 年 50 个最佳的轻量级 JavaScript 框架和库 IT程序狮 · 12 小时前 回顾今年已发布的 JS 框架和库，我们针对地筛选了一些能够提供直接和具体功能的免费 JavaScript 插件和库，与大家分享。它们可不是...

  • 本土开源时代，盘点那些重量级的国产开源项目

    10. 轻量级 JavaScript 框架  Vue.js Vue.js 是构建 Web 界面的 JavaScript 库，提供数据驱动的组件，还有简单灵活的 API，使得 MVVM 更简单。 当然牛逼的国产开源项目还有很多，由于篇幅有限，本文暂时...

  • 哪些 Python 库让你相见恨晚？

    173 个回答 ...这又是一个 Awesome XXX 系列的资源整理，由 vinta 发起和维护。内容包括：Web框架、网络爬虫、网络内容提取、... – 世界级地理图形 web 框架。 GeoIP – MaxMind GeoIP Legacy 数据库的 Python...

  • 前端2018解读：小程序大战、框架之争，吃瓜不停

    本文是InfoQ“解读2018”年终技术盘点系列文章之一。一、小程序2017年1月9日，张小龙通过微信公开课，把小程序带到大家的生活中，从那以后，小程序战场陆续引来支付宝、百度、今日头条入局，同时，...

  • 前端没有末日

    【CSDN 编者按】又是新的一年。...作者 | 三钻责编 | 张文头图 | CSDN 下载自视觉中国出品 | CSDN（ID：CSDNnews）2020 年已经结束，因为疫情，大家的生活和工作或多或少都受到一定影响。尽管如此，但前端技术的发展...

  • 十个经典java开发项目及其描述-马上写到你的简历中去吧，祝你升职加薪

    持久层使用轻量级的框架 Hibernate；由Spring管理业务，Log4j实现日志管理。文件上传下载使用struts2的Commons FileUpload用JUnit对模块进行单元测试 8、项目名称：人力资源管理系统 项目描述： 本系统是为方便公司...

  • [转]解读2014之前端篇：任性的颠覆式改变

    2014年，整个IT领域发生了许多深刻而又复杂的变化，InfoQ策划了“解读2014”年终技术盘点系列文章，希望能够给读者清晰地梳理出技术领域在这一年的发展变化，回顾过去，继续前行。 本篇是解读系列的前端篇，小编...

  • 适合新手：手把手教你用Go快速搭建高性能、可扩展的IM系统(有源码)

    （不知道这是不是人家企业每年年终都人手一部iphone的原因，开个玩笑） 笔者今年参加了一次Gopher大会，有幸听探探的架构师分享了它们今年微服务化的过程，本文快速搭建的IM系统也是使用Go语言来快速实现的，这里先...

  • DDFE 技术周刊（第九期）2017.1.1

    2016 年 50 个最佳的轻量级 JavaScript 框架和库 Javascript填坑史 不写分号的前端攻城师们注意了！需要加分号的情况又多了一种 JS 5种不同的方法实现装饰者模式（译） fuse-box - A blazing fast js bundler/...

  • node-v16.12.0-darwin-x64.tar.xz

    Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。

Global site tag (gtag.js) - Google Analytics