25個實用的JavaScript庫和工具

jopen 11年前發布 | 14K 次閱讀 JavaScript

dynamo.js

This one provides you a handy way of making dynamic bits of HTML and adding subtle effects to your content to make it more attractive.

stroll.js

This one is fabulous collection of some cool CSS list scroll effects. The style of scroll effect is decided through the class set on the list.

Holder.js

It simply renders image placeholders completely on the client side. It has the ability of working both online and offline, and provides a chainable API to style and creates placeholders easily.

Leaflet

It is a JS library for mobile-friendly interactive maps. It is tiny, but offers almost all the features you would require for online maps.

Heyoffline.js

當網絡出現故障時，可以警告用戶。以確保他們不會失去任何東西。Heyoffline.js框架無關。不需要jQuery。它用CoffeeScript開發，然后編譯成JavaScript。

Retina.js

Foresight.js 可以在裝載圖片之前知道用戶的設備是否可以顯示高分辨率的圖片，例如第三代 iPad。同時它也可以知道用戶的網絡情況，是快還是慢。這樣 foresight.js 就可以根據用戶的實際情況裝載不同的圖片。

Crossfilter

Crossfilter 是一個用來展示大數據集的 JavaScript 庫，支持超快的交互，甚至在上百萬或者更多數據下都很快。主要用來構建數據分析程序。

Kartograph

Kartograph由Gregor Aisch開發，是一個地圖制作工具，允許用戶制作出美觀的交互式地圖以及3D地圖，而不需要使用谷歌地圖等地圖服務。Kartograph包括 Kartograph.py、kartograph.js兩個庫。盡管Kartograph目前仍處于前期開發階段，但是未來的發展潛力巨大。

This one is a dashboard and graphing toolkit based on D3 and Backbone. It provides you with a real time dashboard that exists on top of Graphite, but you have the choice of tailoring it to any back end you want.

Foresight.js

This awesome app allows the webpages to tell if the user’s device has the capability of viewing high-resolution photos, such as iPad 3, before requesting the photo from the server.

batman.js

This one is a really cool framework for creating robust single-page browser apps. It is written in CoffeeScript and its API is also developed according to CoffeeScript, but you can also use JavaScript.

Javascript Library Boilerplate

This one offers a small core base for rolling your very own Javascript library. It allows creating your own library such as jQuery, Zepto, Prototype and more, easily and in a hassle freeway.

heatmap.js

This one is a nice JS library which allows creating web heatmaps with the html5 canvas element based on your data.

uiji.js

It is the reverse opposite of jQuery, as instead of utilizing CSS selectors for finding elements, you have the ability of using the same syntax for creating elements.

KineticJS

This one is a HTML5 Canvas JS library that has the ability of extending the 2d context by enabling canvas interactivity for desktop and mobile apps. Simple and useful!

URI.js

This one is a nice JS library that can be used to work with URLs. It gives you a “jQuery-style” API (Fluent Interface, Method Chaining) for reading and writing all regular components and many convenience methods like .directory() and .authority().

sigma.js

This one is an awesome open-source and tiny JS library that allows you to draw graphs, utlizing the HTML canvas element. It also has the ability of displaying interactive static graphs exported from graph visualization software such as Gephi.

Socialite.js

As the name suggests, this tool has the ability of allowing easy implementation and activation a large number of social sharing buttons whenever and wherever you want — on document load, article hover, event etc.

JavaScript Console – Debugging JavaScript Tool

This one is an awesome tool that allows debugging Javascript and remote debugging of mobile web applications.

smoke.js

This one is a handy framework-agnostic styled alert system for JS. It utilizes CSS animations and background, so it is very lightweight.

jPages

This one is an amazing and feature-rich pagination plugin. It boasts a lot of useful features, such as auto page turn, key and scroll browse and displaying items with delay etc.