15 个用于Web和移动应用开发的Javascript框架

fmms 13年前
     <p>问一个 Web 开发者最喜欢的 JS 库是什么,多数回答都是 jQuery,不管他所作的网站是大是小。开发者倾向使用 jQuery 的原因是它可以降低代码的复杂度、而且 jQuery 经过良好的测试,大量的用户以及很好的社区生态以及大量的插件。</p>    <p>不过 jQuery 的体积比较大,本文即将介绍的是 15 个微型的 JavaScript 小框架,这些框架都支持 Web 和智能手机平台,短小精干。<br /> <br /> </p>    <div class="picture"></div>    <h3><a class="offSite" href="/misc/goto?guid=4958185742165361000" rel="nofollow" target="_blank">Zepto.js</a></h3>    <a class="offSite" href="/misc/goto?guid=4958185742165361000" rel="nofollow" target="_blank"><img alt="15 个用于Web和移动应用开发的Javascript框架" src="https://simg.open-open.com/show/6acb8810852d04d3be9a8b3a761a9503.jpg" width="343" height="147" /></a>    <p>Zepto.js is a minimalist JavaScript framework for mobile WebKit browsers, with a jQuery-compatible syntax.</p>    <h3><a class="offSite" href="/misc/goto?guid=4958328911036521948" rel="nofollow" target="_blank">Data.js</a></h3>    <a class="offSite" href="/misc/goto?guid=4958328911036521948" rel="nofollow" target="_blank"><img alt="15 个用于Web和移动应用开发的Javascript框架" src="https://simg.open-open.com/show/c34126cb7bb1b8e98523451f0beee1e0.png" width="252" height="97" /></a>    <p>Data.js is a data manipulation and persistence framework for Javascript.</p>    <h3><a class="offSite" href="/misc/goto?guid=4958328912564440127" rel="nofollow" target="_blank">Batman.js</a></h3>    <a class="offSite" href="/misc/goto?guid=4958328912564440127" rel="nofollow" target="_blank"><img style="width:562px;height:272px;" alt="15 个用于Web和移动应用开发的Javascript框架" src="https://simg.open-open.com/show/9ffc5659799752f8983fc011732fe879.jpg" /></a>    <p>Batman.js is a framework for building rich web applications with CoffeeScript or JavaScript. App code is concise and declarative, thanks to a powerful system of view bindings and observable properties. The API is designed with developer and designer happiness as its first priority.</p>    <h3><a class="offSite" href="/misc/goto?guid=4958328914085810292" rel="nofollow" target="_blank">Zip.js</a></h3>    <a class="offSite" href="/misc/goto?guid=4958328914883585268" rel="nofollow" target="_blank"><img alt="15 个用于Web和移动应用开发的Javascript框架" src="https://simg.open-open.com/show/06cd9d77411575525c2e303669517cc3.png" width="233" height="109" /></a>    <p>Create .zip files with Javascript</p>    <h3><a class="offSite" href="/misc/goto?guid=4958328915679880216" rel="nofollow" target="_blank">Say.js</a></h3>    <a class="offSite" href="/misc/goto?guid=4958328915679880216" rel="nofollow" target="_blank"><img alt="15 个用于Web和移动应用开发的Javascript框架" src="https://simg.open-open.com/show/f9dc87b3da86efe7b73082812096bc55.png" width="484" height="360" /></a>    <p>TS (text to speech) for node.js. send text from node.js to your speakers.</p>    <h3><a class="offSite" href="/misc/goto?guid=4958328917227789012" rel="nofollow" target="_blank">Gifx.js</a></h3>    <a class="offSite" href="/misc/goto?guid=4958328917227789012" rel="nofollow" target="_blank"><img style="width:551px;height:325px;" alt="15 个用于Web和移动应用开发的Javascript框架" src="https://simg.open-open.com/show/70901c3d23a81aea14f610b35ea53fd0.jpg" /></a>    <p>glfx.js is a JavaScript library for creating real-time effects to images using WebGL.</p>    <h3><a class="offSite" href="/misc/goto?guid=4958328918768114062" rel="nofollow" target="_blank">Impress.js</a></h3>    <a class="offSite" href="/misc/goto?guid=4958328918768114062" rel="nofollow" target="_blank"><img style="width:551px;height:353px;" alt="15 个用于Web和移动应用开发的Javascript框架" src="https://simg.open-open.com/show/fdbc8e64adf77520aced1b82b1ade9d0.jpg" /></a>    <p>It's a presentation tool inspired by the idea behind prezi.com and based on the power of CSS3 transforms and transitions in modern browsers.</p>    <h3><a class="offSite" href="/misc/goto?guid=4958328920284533469" rel="nofollow" target="_blank">Sugar.js</a></h3>    <a class="offSite" href="/misc/goto?guid=4958328920284533469" rel="nofollow" target="_blank"><img alt="15 个用于Web和移动应用开发的Javascript框架" src="https://simg.open-open.com/show/1ae50bdcc6f04d96ca4af5dedd451778.png" width="426" height="167" /></a>    <p>Sugar is a Javascript library that extends native objects with helpful methods. It is designed to be intuitive, unobtrusive, and let you do more with less code.</p>    <h3><a class="offSite" href="/misc/goto?guid=4958196708091573951" rel="nofollow" target="_blank">jsMessage</a></h3>    <a class="offSite" href="/misc/goto?guid=4958196708091573951" rel="nofollow" target="_blank"><img style="width:548px;height:323px;" alt="15 个用于Web和移动应用开发的Javascript框架" src="https://simg.open-open.com/show/5c9d093095835f4cc343116c6a8b6190.jpg" /></a>    <p>jsMessage is a small JavaScript library for displaying stylish alert & notifications messaegs.</p>    <h3><a class="offSite" href="/misc/goto?guid=4958328923468353495" rel="nofollow" target="_blank">Spine</a></h3>    <a class="offSite" href="/misc/goto?guid=4958328923468353495" rel="nofollow" target="_blank"><img alt="15 个用于Web和移动应用开发的Javascript框架" src="https://simg.open-open.com/show/762cd8c0a1b0294a33ae101b418955ed.png" width="388" height="79" /></a>    <p>Spine Mobile strives to give your applications a native look and feel, providing the best user experience possible.</p>    <h3><a class="offSite" href="/misc/goto?guid=4958201420103953423" rel="nofollow" target="_blank">Countdown.js</a></h3>    <a class="offSite" href="/misc/goto?guid=4958201420103953423" rel="nofollow" target="_blank"><img style="width:545px;height:335px;" alt="15 个用于Web和移动应用开发的Javascript框架" src="https://simg.open-open.com/show/c661623d8ad2a8345d795a85f8640857.jpg" /></a>    <p>A simple JavaScript API for producing an accurate, intuitive description of the timespan between two Date instances.</p>    <h3><a class="offSite" href="/misc/goto?guid=4958328926456505731" rel="nofollow" target="_blank">Swipe.js</a></h3>    <a class="offSite" href="/misc/goto?guid=4958328926456505731" rel="nofollow" target="_blank"><img style="width:547px;height:256px;" alt="15 个用于Web和移动应用开发的Javascript框架" src="https://simg.open-open.com/show/e7bb7eb60ee9d5f241741d8823b4c96d.jpg" /></a>    <p>Swipe JS is a lightweight mobile slider with 1:1 touch movement, resistant bounds, scroll prevention, and completely library agnostic.</p>    <h3><a class="offSite" href="/misc/goto?guid=4958328927977030803" rel="nofollow" target="_blank">jwerty</a></h3>    <a class="offSite" href="/misc/goto?guid=4958328927977030803" rel="nofollow" target="_blank"><img style="width:520px;height:220px;" alt="15 个用于Web和移动应用开发的Javascript框架" src="https://simg.open-open.com/show/d7ae973afef490df55036c3607356a16.jpg" /></a>    <p>jwerty is a awesome javascript keyboard event handling library which allows you to bind, fire and assert key combination strings against elements and events. It normalises the poor std api into something easy to use and clear.</p>    <h3><a class="offSite" href="/misc/goto?guid=4958328929503095642" rel="nofollow" target="_blank">Picard</a></h3>    <a class="offSite" href="/misc/goto?guid=4958328929503095642" rel="nofollow" target="_blank"><img alt="15 个用于Web和移动应用开发的Javascript框架" src="https://simg.open-open.com/show/e8f79b112f1fd84424687c59a0f6ecfa.png" width="240" height="141" /></a>    <p>A Micro-framework for node.js.</p>    <h3><a class="offSite" href="/misc/goto?guid=4958317584883779996" rel="nofollow" target="_blank">Microjs</a></h3>    <a class="offSite" href="/misc/goto?guid=4958317584883779996" rel="nofollow" target="_blank"><img alt="15 个用于Web和移动应用开发的Javascript框架" src="https://simg.open-open.com/show/2e51b15144591460b38cf206b4127d5e.png" width="501" height="169" /></a>    <p>Here collected most popular micro frameworks.</p>    <p></p>