加载中

JavaScript Libraries provide a plethora of functions, whether the matter is related to events or effects or AJAX- and if by chance any of JavaScript libraries cannot do the job, there is definitely a plug-in which exists that can!

The flexibility provided by most of these Libraries is great – however, at times the biggest setback regarding several of these is their file size – and despite being able to adopt a well-known JavaScript library for functionality’s sake – it would be deemed a wise decision, that you may first want to perform a specific task which can be accomplished by a more lightweight library dedicated exclusively to that task or, that is not supported by the more popular JavaScript libraries.

JavaScript提供了丰富的函数库,不管是事件,效果,还是AJAX。如果偶尔出现JavaScript库没法做某样工作,那一定会有一个插件可以做到!

这种库提供的灵活性用起来杠杠的。不过,它们其中的一些有时却受到文件大小的阻碍。还有,尽管我们在函数设计上可以采取一些知名的JavaScript库,但是如果你首先想到使用一个更加轻量级的,更加专注的库来执行一个具体的任务,或者,这个任务不被很多流行的JavaScript库所支持,那这会是一个非常明智的决定。

In this article, we feature some of the most suitable JavaScript and jQuery libraries for December 2014 which could be the right solution for your current tasks or other issues you may be encountering or dealing with concerning your website. We hope you will find the list handy and will help you discover some plugins which could be utilized in one of your upcoming projects.

1. Julius JS

julius-js
JuliusJS is a speech recognition library for the web. It is an opinionated port of Julius to JavaScript. It actively listens to the user to transcribe what they are saying through a callback. All recognition is done in-browser through a Worker. It is licensed under MIT License.

在这篇文章里,我们将介绍几个 2014 年 12 月最适用的 JavaScript 和 Jquery 库。 它们可能对你当前的任务,或者你正在为你的站点遇到的头疼的问题提供很棒的解决方法。希望你会觉得这个列表很方便,帮你发现一些在你将来的项目中有用的插件。

1. Julius JS

julius-js
JuliusJS 是一个Web的语音识别库。 它是Juluis自已用的一个JavaScript端口。它不断地监听用户的正在说的话,然后在callback中解码。所有的识别都在浏览器的一个worker中执行。基于MIT License。

2. Vue.js

vue-js
Vue.js is a library for building interactive web interfaces. It provides the benefits of MVVM data binding and a composable component system with a simple and flexible API. Technically, Vue.js is focused on the ViewModel layer of the MVVM pattern. It connects the View and the Model via two way data bindings. Actual DOM manipulations and output formatting are abstracted away into Directives and Filters.

3. MetricsGraphics.js

metricgraphicsjs
MetricsGraphics.js is a library built on top of D3 that is optimized for visualizing and laying out time-series data. It provides a simple way to produce common types of graphics in a principled, consistent and responsive way. The library currently supports line charts, scatterplots and histograms as well as features like rug plots and basic linear regression.

2. Vue.js

vue-js
Vue.js 旨在打造交互式的Web接口。 它简单,灵活的API提供了MVVM数据绑定和组件化系统的好处。在技术上,Vue.js专注于MVVM模式的视图层。通过双向数据绑定来关联视图和模式。真正的Dom操作和输出格式被抽象为Directives和Filters。

3. MetricsGraphics.js

metricgraphicsjs
MetricsGraphics.js 是一个建立在 D3 基础上,为可视化和时间序列化的数据而优化的库。它提供了一种简单的方式,用一致性,持久性,和响应式方式来产生相同类型的图形。这个库现在支持折线图,, 散点图,直方图,还有像地毯图和基本的线性回归图。

4. SVG Morpheus

SVG Morpheus
SVG Morpheus is a javascript library enabling SVG icons to morph from one to the other. It implements Material Design’s Delightful Details transitions.

5. Contents

contents
Contents makes it simple to automatically create a table of contents based on the headings within a document. The resulting TOC is generated as an ordered list, appended to the #contents container.

6. Vivus

vivusjs
Vivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearence of being drawn. There are a variety of different animations available, as well as the option to create a custom script to draw your SVG in whatever way you like.

4. SVG Morpheus

SVG Morpheus
SVG Morpheus 是一个使SVG图标改变形状的JavaScript库。 它实现了Material Design’s 的一些非常棒的细节过渡。

5. Contents

contents
Contents 使自动在document里创建基于表头的表格变得很简单。TOC的结果是生成一个有序的列表,插入到#contents容器。

6. Vivus

vivusjs
Vivus 是一个轻量级的JavaScript类(完全无依赖) 来允许你创建 SVG 动画,让他们显示被画出来的轨迹。 Vivus提供很多不同种类的动画。 另外还有选项,你可以按你的想法来创建一个定制的脚本来创建你的SVG动画。

7. Particles.js

particlesjs
Particles.js is a lightweight javascript library for creating particles.

8. Zip.js

zipjs
zip.js is an open-source javascript library for zipping and unzipping files. zip.js provides a low-level API for writing and reading large zip files. This library works fully with Chrome, Firefox, Safari 6 and Internet Explorer 10.

9. Melchior.js

melchior
Melchior.js is module loader with a Chainable Module Definition API that lets you get rid of long lines of AMD declaring and duplicate module names. It’s easy to get started, easy to configure, and just 3KB when minified.

7. Particles.js

particlesjs
Particles.js 一个轻量级的JavaScript库,用来创建颗粒。

8. Zip.js

zipjs
zip.js 是一个开源的JavaScript库,用来压缩和解压文件。zip.js提供了一个底层API来读写大的zip文件。zip.js在Chrome, Firefox, Safari 6 和Internet Explorer 10工作非常正常。

9. Melchior.js

melchior
Melchior.js 是一个模式加载器,提供通过链式模块定义的API,让你可以远离那些长长的AMD定义和重复的模块名。它起步非常容易,定制方便,而且压缩版只有3KB。

10. Lining.js

Liningjs
Lining.js is an easy to use javascript plugin offers you completeDOWN-TO-THE-LINE control for radical web typography.

11. Screenful.js

screenfulljs
Screenful.js is a simple wrapper for cross-browser usage of the Fullscreen API. It smooths out all the implementation differences between browsers while letting you make any element or page full screen.

12. Four Shadows

fourshadows
Four Shadows allows you to include time-aware shadows on your icons or other elements. Never again have a 5 o’clock shadow at 9 0’clock in the morning.

10. Lining.js

Liningjs
Lining.js 一个简单的JavaScript插件,它为基本的Web排版提供了一个完善的DOWN-TO-THE-LINE控制。

11. Screenful.js

screenfulljs
Screenful.js 是一个简单的跨平台的全屏API封装。它使不同浏览器的全屏实现变得很平滑。而且可以让任何元素全屏。

12. Four Shadows

fourshadows
Four Shadows 使你可以在图标或其他元素加入time-aware阴影。早上9 0’clock绝对不会出现5 o’clock方向的阴影。

13. Binoculars

Binoculars
Binoculars is a open source data capturing library written in javascript. It’s main purpose is to allow easy access to all kinds of data. At the moment, it’s main use case would be capturing data from video HTML5 elements.

14. jTinder

jtinder
jTinder is a javascript library that makes rating people, products, images very easy and fast. It is optimized for mobile touch device but has also a desktop fallback.

15. Atomus

atomus
A small utility library for testing client-side code in Node.js environment. Simulate the browser in your terminal. Atomus is helpful during unit or functional testing. That’s where the name came from. It works good with the atoms of your application. You simply include your framework and the module that needs testing. Then create an instance and start playing with the DOM and the module’s API.

13. Binoculars

Binoculars
Binoculars 是一个开源的数据捕获库。主要目的是为了让所有的数据都能轻松获取。目前,它主要应用在捕获HTML5视频元素的数据。

14. jTinder

jtinder
jTinder 是一个使对人物,商品,图片投票变得快速和简单的JavaScript库。它为移动触摸设备进行了优化,不过也有桌面版。

15. Atomus

atomus
Atomus 是一个简单的工具库,用来在Node.js环境下测试客户端代码。当使用终端模拟浏览器的时候,Atomus在单元测试和功能性测试中非常有用。这就是Atomus名字的来源。Atomus会和应用程序的单元和谐工作。你只需要包含需要测试框架和模块,然后创建一个实例,然后开始使用DOM和模块的API即可。

返回顶部
顶部