15个最新的JavaScript开发库

jopen 10年前

一个JavaScript库是预先编写的JavaScript功能集合,用于简化基于JavaScript应用的开发。特别是Ajax和其它以Web为中心的技术。今天,我们已经收集了15个最新有用的JavaScript库,以帮助你提高你的网站开发相关的任务,让您的网站在竞争中领先一步。

1. InstantClick

15个最新的JavaScript开发库
InstantClick is a JavaScript library that dramatically speeds up your website, making navigation effectively instant in most cases. It preloads links your visitors are likely to click on, and can be configured to start loading on a variety of actions, including “mousedown”.
 

2. Wow.js

15个最新的JavaScript开发库
WOW.js reveals CSS animation as you scroll down a page. By default, you should use it to trigger animate.css animations, but you can easily change the settings to your favorite animation library.
 

3. Tether

15个最新的JavaScript开发库
Tether is a javascript library for efficiently making an absolutely positioned element stay next to another element on the page. For example, you might want a tooltip or dialog to open, and remain, next to the relevant item on the page.
Tether includes the ability to constrain the element within the viewport, it’s scroll parent, any other element on the page, or a fixed bounding box. When it exceedes those constraints it can be pinned to the edge, flip to the other side of it’s target, or hide itself.
 

4. ScrollReveal.js

15个最新的JavaScript开发库
ScrollReveal.js is a simple way to create and maintain how elements fade in, triggered when they enter the viewport. By adding a data-scrollreveal attribute to an element, it will automatically be revealed (using default values) as soon as the element is within the viewport. However, scrollReveal.js allows you to define custom reveals, using descriptive language. It is released under MIT License.
 

5. Creditly.js

15个最新的JavaScript开发库
Creditly.js gives you everything you need in order to create a sleek, intuitive credit card form. Just copy the html, css, and javascript to get an intuitive credit card form in seconds. You get credit card validation using the Luhn algorithm for free.
 

6. Zoomrang.js

15个最新的JavaScript开发库
Zoomerang.js is a drop-in library that allows your users to zoom in on almost any element on your existing page. No setup, arbitrary styling. This is largely inspired by Medium’s avatar zoom in effect, with improvements (you can resize / scroll the page when it’s zoomed in and it still works).
It works best on fixed size elements such as display: block, display: inline-block and img elements. CSS Transform is required. Please note that it depends on the way browsers handle CSS transforms and has limited compatibility.
 

7. Slip.js

15个最新的JavaScript开发库
Slip.js is a tiny library for interactive swiping and reordering of elements in lists on touch screens with no dependencies. You interact with the library via custom DOM events for swipes/reordering. Call new Slip to make element’s children swipeable and add event listeners. It prevents page scroll when dragging to the edge of the screen, and works with both inline and stylesheet transforms.
 

8. Whistle JS

15个最新的JavaScript开发库
Whistle.js is a lightweight whistle detector/analyzer written in pure javascript. Whistle.js acquires the user’s microphone input via getUserMedia and keeps monitoring certain frequencies, believed to be the “whistling” ones. When their level becomes high enough, an event (“whistle” by default) is triggered on an element (“document” by default).
 

9. Clmtrackr

15个最新的JavaScript开发库
Clmtrackr is a javascript library for fitting facial models to faces in videos or images. It currently is an implementation of constrained local models fitted by regularized landmark mean-shift, as described in Jason M. Saragih’s paper. Clmtrackr tracks a face and outputs the coordinate positions of the face model as an array.
 

10. Magnifier.js

15个最新的JavaScript开发库
Magnifier.js is a Javascript library enabling magnifying glass effect on an images. There are zoom in / out functionality using mouse wheel. Magnified image can be displayed in the lens itself or outside of it in a wrapper. Magnifier.js uses Event.js as a cross-browser event handling wrapper. It works in Chrome, Firefox, Safari, IE 7, 8, 9 & 10.
 

11. Fit.js

15个最新的JavaScript开发库
Fit.js is a simple script that lets you fit things into other things. You can specify how things should fit, including alignment and automatically resizing an element when the page refreshes.
 

12. Args.js

15个最新的JavaScript开发库
Args.js makes it easier to write functions with optional parameters, default parameters, named parameters, parameter groups, and more. It will even automatically trigger exceptions if a function is called incorrectly.
 

13. Ocrad.js

15个最新的JavaScript开发库
Ocrad.js is a simple OCR program that can scanned images of text back into text. It’s a pure JavaScript version of the Ocrad project, and comes in at roughly 1MB, with no big training dependencies.
 

14. Dug.js

15个最新的JavaScript开发库
If you want to display your Dribbble shots, recent pins on Pinterest, 500px or Instagram photos, Github commits, or recently listened to music on your blog or site? Then this chunk of javascript is for you. It was designed to be a lightweight, simple, library-independent script to pull in feeds of content available on the web as JSONP to display on your site.
 

15. Joint.js

15个最新的JavaScript开发库
JointJS is a modern HTML 5 JavaScript library for visualization and interaction with diagrams and graphs. It can be used to create either static diagrams or, and more importantly, fully interactive diagramming tools and application builders. JointJS makes it easy to create visual languages & tools of various kinds.