2012年6月8个最好的JavaScript库

   <h2>1. Mousetrap : Keyboard Shortcuts with JavaScript</h2>    <p><a href="https://simg.open-open.com/show/2f5b22ce0dee00354401f435bb5973c9.jpg"><img class="aligncenter size-full wp-image-11273" title="mousetrap" alt="2012年6月8个最好的JavaScript库" src="https://simg.open-open.com/show/2f5b22ce0dee00354401f435bb5973c9.jpg" width="530" height="133" /></a><br /> Mousetrap is a JavaScript library for creating and managing keyboard shortcuts. The library is standalone, has a very small footprint (1.6kb minified/gzipped) and works with all major browsers, even in IE6. It works with single, multiple (combination) or with a sequence of keys. Also, we can listen to keypress, keydown or keyup events and decide to trigger any functions accordingly.<br />  <br /> <a class="buttons btn_dark right" href="/misc/goto?guid=4958349332079886289" target="_blank"><span class="left">Download </span></a><br />  </p>    <h2>2. Recline.js</h2>    <p><a href="https://simg.open-open.com/show/f8bb83b1773b430b5717378a2753d9f6.jpg"><img class="aligncenter size-full wp-image-11274" title="recline_js" alt="2012年6月8个最好的JavaScript库" src="https://simg.open-open.com/show/f8bb83b1773b430b5717378a2753d9f6.jpg" width="530" height="192" /></a><br /> Recline.js is an open source library for easily creating data-focused applications with only JavaScript and HTML. It is built on top of jQuery, Backbone.js and Underscore.js and provides components + structure to data-heavy applications with a pack of models (dataset, record/row, field) and views (grid, map, graph, etc.). The library has many functions for handling datasets including loading, querying and manipulating them. Recline.js has built-in support for loading data from CSV files, Google Docs, ElasticSearch, CouchDB and more.<br />  <br /> <a class="buttons btn_dark right" href="/misc/goto?guid=4958349332901788566" target="_blank"><span class="left">Download </span></a><br />  </p>    <h2>3. Annotator : For Annotating Web Documents</h2>    <p><a href="https://simg.open-open.com/show/19b2b3fbd06822e303be8bcb251965c4.jpg"><img class="aligncenter size-full wp-image-11275" title="annotator" alt="2012年6月8个最好的JavaScript库" src="https://simg.open-open.com/show/19b2b3fbd06822e303be8bcb251965c4.jpg" width="530" height="277" /></a><br /> Annotator is a JavaScript library that allows multiple users to annotate web pages with an intuitive interface. It is installed by simply inserting the library into the web pages and defining few settings. The annotations can either be stored in a free service called AnnotateIt or locally. In order to annotate a string, just select it, click the appeared “edit” iconand there you have the options. You can choose the annotation to be viewable and/or editable by others. The annotations can have comments, tags, users and more (it can be extended easily).<br />  <br /> <a class="buttons btn_dark right" href="/misc/goto?guid=4958345912089952915" target="_blank"><span class="left">Download </span></a><br />  </p>    <h2>4. NVD3.js : Interactive & Re-usable Charts</h2>    <p><a href="https://simg.open-open.com/show/0d69ce5505afcec26d4157c03782782f.jpg"><img class="aligncenter size-full wp-image-11276" title="nvd3_js" alt="2012年6月8个最好的JavaScript库" src="https://simg.open-open.com/show/0d69ce5505afcec26d4157c03782782f.jpg" width="530" height="269" /></a><br /> NVD3.js is an open source charting library that is built on top of the impressive D3.js.<br /> The library follows the practices an style of “how D3.js was built” which makes it comfortable for D3.js fans. Charts generated are interactive and can be easily improved or customized. Although it is in the early stages of its development, there are already multiple chart types including line, bubble, area and several combinations of them.<br />  <br /> <a class="buttons btn_dark right" href="/misc/goto?guid=4958349334447984862" target="_blank"><span class="left">Download </span></a><br />  </p>    <h2>5. Photon : A CSS 3D Lighting Engine</h2>    <p><a href="https://simg.open-open.com/show/a3131a05efc3dcacb0500bf9645c0830.jpg"><img class="aligncenter size-full wp-image-11277" title="photon-css_3d_lighting" alt="2012年6月8个最好的JavaScript库" src="https://simg.open-open.com/show/a3131a05efc3dcacb0500bf9645c0830.jpg" width="530" height="385" /></a><br /> Photon is a JavaScript library which can add simple lighting effects to any element in the 3D space. In order to create the effect, it uses the WebKitCSSMatrix object (WebKit is the only supported browser engine). The angle of the light can be defined and changed anytime with the provided functions. It is possible to define the objects to be lighted one-by-one or group them at once and we can customize the effect by setting the max black + white usage.<br />  <br /> <a class="buttons btn_dark right" href="/misc/goto?guid=4958346891307100925" target="_blank"><span class="left">Download </span></a><br />  </p>    <h2>6. X-Tag Custom HTML Elements on Demand</h2>    <p><a href="https://simg.open-open.com/show/a8b4e865c797e60fc8235003718bce4a.jpg"><img class="aligncenter size-full wp-image-11278" title="x-tag" alt="2012年6月8个最好的JavaScript库" src="https://simg.open-open.com/show/a8b4e865c797e60fc8235003718bce4a.jpg" width="530" height="331" /></a><br /> X-Tag is a tiny JavaScript library for creating custom HTML elements which can have totally custom functionalities. The library is based on the W3C Web Components draft and it is built/supported by Mozilla. It can let us create an HTML element named “accordion” and, using JavaScript, customize it to convert its contents to an accordion. As a result, whenever we use , the contents will be presented as an accordion.<br />  <br /> <a class="buttons btn_dark right" href="/misc/goto?guid=4958349336003063742" target="_blank"><span class="left">Download </span></a><br />  </p>    <h2>7. Restruct.js : A JavaScript binary data library</h2>    <p>restruct.js performs conversion to and from binary data types. It utilizes an intuitive declarative API to define formats for binary structure parsers and emitters. It works in both the browser and on Node.<br /> restruct.js is freely distributable under the terms of the MIT license.<br />  <br /> <a class="buttons btn_dark right" href="/misc/goto?guid=4958349336795808304" target="_blank"><span class="left">Download </span></a><br />  </p>    <h2>8. Php.js : PHP VM with JavaScript</h2>    <p><a href="https://simg.open-open.com/show/8246331a17d56f48ba93aeda8f53862d.jpg"><img class="aligncenter size-full wp-image-11279" title="php" alt="2012年6月8个最好的JavaScript库" src="https://simg.open-open.com/show/8246331a17d56f48ba93aeda8f53862d.jpg" width="520" height="356" /></a><br /> This library reads PHP code and transforms it into JavaScript code which can be run in the PHP VM in this library, resulting in same results as with PHP. It starts by tokenizing the PHP code into tokens, which it then uses to build an AST tree. Once the tree has been constructed, the script compiles it into JavaScript that can be interpreted by the VM and then executes it. Any additional unconverted code that gets executed within the VM, such as eval or lambda functions will go through the same process before being executed.<br />  <br /> <a class="buttons btn_dark right" href="/misc/goto?guid=4958349337611626771" target="_blank"><span class="left">Download </span></a><br />  </p>