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

年终盘点!2016 年 50 个最佳的轻量级 JS 框架和库

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

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

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


  1. Choreographer-js
    --
Choreographer-js

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

  1. Leaflet.js
    --
Leaflet.js

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

  1. Lory
    --
Lory

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

  1. CurrencyFormatter.js
    --
CurrencyFormatter.js

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

  1. Arc
    --
Arc

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

  1. Egjs
    --
Egjs

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

  1. Shave.js
    --
Shave.js

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

  1. Next.js
    --
Next.js

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

  1. jQuery Linechart
    --
jQuery Linechart

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

  1. Blueprint
    --
Blueprint

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

  1. Tabulator
    --
Tabulator

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

  1. baguetteBox.js
    --
baguetteBox.js

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

  1. ScrollReveal
    --
ScrollReveal

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

  1. Marginotes
    --
Marginotes

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

  1. Loud Links
    --
Loud Links

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

  1. Bricks.js
    --
Bricks.js

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

  1. MediumEditor
    --
MediumEditor

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

  1. Philter
    --
Philter

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

  1. SuperEmbed.js
    --

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

  1. Substance
    --
Substance

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

  1. List.js
    --
List.js

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

  1. jqGifPreview
    --
jqGifPreview

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

  1. Datedropper.js
    --
Datedropper.js

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

  1. jfMagnify
    --
jfMagnify

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

  1. jQuery formBuilder
    --
jQuery formBuilder

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

  1. Popper.js
    --
Popper.js

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

  1. Image Blur Plugin
    --
Image Blur Plugin

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

  1. InlineTweet.js
    --

InlineTweet.js 能帮助你轻松地从网页的任何文本上,创建推特表格的分享。而你只需要在带有data-inline-tweet的容器中填好推特的分享文本即可。

  1. iMissYou.js
    --
iMissYou.js

iMissYou.js 是一个轻便小巧的 jQuery 插件。它用于当用户离开你的网页时,更改网页的标题和图标。

  1. SweetAlert2
    --
SweetAlert2

SweetAlert2 是一个漂亮、可定制的 JS 弹窗插件,它用于替代浏览器默认的弹窗效果。

  1. Turntable.js
    --
Turntable.js

Turntable.js 是一个响应的 jQuery 滑块插件。当你的鼠标(或手指)扫过容器时会产生翻转效果。

  1. Force.js
    --
Force.js

Force.js 是一个 JavaScript 库,它可以轻松地让 HTML 元素在网页上产生动画、页面滚动的效果。

  1. Push.js
    --

Push.js 是一个用于启动和运行 Javascript 桌面通知的跨浏览器解决方案。

  1. Bideo.js
    --
Bideo.js

Bideo.js 是一个可轻松为网页添加全屏背景视频的 JS 库。

  1. Microlight.js
    --
Microlight.js

Microlight.js 是一个适用于任何编程语言的轻量级代码高亮库,使用它后可大大提高代码的可读性。

  1. Algolia Places
    --
Algolia Places

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

  1. Flatpickr
    --
Flatpickr

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

  1. Slidebars
    --
Slidebars

Slidebars 是一个轻量级 jQuery 框架,它用于创建具有移动端应用样式的 off-canvas 菜单界面和侧边栏。

  1. anime.js
    --
anime.js

anime.js 是一个轻量级、灵活的 JavaScript 动画库。它适用于 CSS、SVG、DOM 属性和 JS 对象。

  1. Cleave.js
    --
Cleave.js

Cleave.js 是一款简单插件,用于输入框内容的格式化。

  1. Skippr
    --
Skippr

Skippr 是一个超简单、轻量级的 jQuery 幻灯片插件。

  1. iziModal.js
    --
iziModal.js

iziModal.js 是一个融合优雅、响应式、灵活、轻量级于一身的现代 jQuery 插件。

  1. Lightgallery.js
    --
Lightgallery.js

Lightgallery.js 是一个功能齐全的 JavaScript Lightbox 库,同时它没有任何依赖。


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

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

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

  1. Progressively
    --
Progressively

Progressively 是一个用于逐步加载图片的 JavaScript 库。由于它完全用 JavaScript 所编写,所以它不依赖于像 jQuery 这样的第三方库。同时,它的体积也超级小(gzip 压缩后<1.2kB) 当用户浏览到页面上加载的图片时,它能够有效的节省带宽和服务器请求。

  1. Features.js
    --
Features.js

Feature.js 是一个快速、简单、轻量级的浏览器功能检测库。它没有任何的依赖,并且 gzip 压缩后仅有1kb.

  1. UAParser.js
    --
UAParser.js

UAParser.js 是一个轻量级基于JavaScript 的 User-Agent 字符串解析库。用于识别 Web 浏览器的详细类型、布局引擎、操作系统、CPU架构和设备类型/模型。它支持 browser 和 node.js 环境,也可作为 jQuery / Zepto 的插件,Bower / Meteor 的包,以及 RequireJS / AMD 的模块。

  1. Monkberry
    --
Monkberry

Monkberry 是一个快速,小巧(1kb)的用于构建 Web 用户界面的 JavaScript 库 。

  1. viewScroller.js
    --
viewScroller.js

viewScroller.js 是一个小巧易用的解决方案,它可以帮助你创建全页滚动网站。

  1. Appmetrics.js
    --
Appmetrics.js

Appmetrics.js 是一个用来测量 Web 应用程序的小型 JS 库,并把结果报告发送到 Google Analytics 上。

  1. Senna.js
    --
Senna.js

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

如果觉得文章不错,不妨点个赞。


注:

  1. 本文原作者只列出了 43 个 JS 库或插件,我已在原基础上将其补全。
  2. 本文版权归原作者所有。如需转载译文,烦请注明出处,谢谢!

英文原文:Top 50 Lightweight JavaScript Plugins & Libraries from 2016
作者:Paul Andrew
译者:IT程序狮
译文源自:http://t.cn/RIRrxPn

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 195,783评论 5 462
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 82,360评论 2 373
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 142,942评论 0 325
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,507评论 1 267
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,324评论 5 358
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,299评论 1 273
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,685评论 3 386
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,358评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,652评论 1 293
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,704评论 2 312
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,465评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,318评论 3 313
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,711评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,991评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,265评论 1 251
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,661评论 2 342
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,864评论 2 335

推荐阅读更多精彩内容