直接拿來用！最火的前端開源專案（三）

csdn發表於2013-07-18
前端

　　在《直接拿來用！最火前端開源專案（一）、（二）》中提供了十九個類別的開源專案列表，開發者們是否會目不暇接呢？沒關係，只要對你有所幫助，我們的目的也就達到了，這裡繼續向你推薦剩下的二十六個類別的開源專案列表，供你查閱。

　　二十、Template Engines

　　模板引擎是為了使使用者介面與資料分離而產生的，它可以生成特定格式的文件。使用模板引擎可以提升開發者的工作效率，該模板所擁有的良好設計也使得程式碼重用變得更加容易。

直接拿來用！最火的前端開源專案（三）

　　（1）ICanHaz.js：是一個簡單而且功能強大的客戶端的JavaScript模板引擎

　　（2）Hogan.js：是來自Twitter的JavaScript模板引擎

　　（3）Handlebars.js：是一個JavaScript的頁面模板庫

　　（4）Transparency

　　（5）doT.js：包含為瀏覽器和Node.js準備的JavaScript模板引擎

　　（6）Walrus

　　（7）Chibi

　　（8）Templayed.js：是一個相容Mustache的JavaScript模板引擎，具有速度最快、體積最小等特性

　　（9）ECT

　　（10）pithy：JavaScript中為生成HTML的一個內部DSL

　　（11）T：T.js是一個模板引擎,使用簡單的Javascript資料結構來表示HTML/XML資料。

　　（12）Nunjucks：是一個功能全面的JavaScript模板引擎。

　　（13）Linked.in Dust.js

　　二十一、RoutingAndUrls

　　（1）Crossroads.js

　　（2）Hash.js

　　（3）director

　　（4）Davis.js

　　（5）path.js

　　（6）URI.js

　　（7）Roadcrew.js

　　（8）jQuery Address

　　（9）page.js

　　二十二、Rich Text Editors

　　富文字編輯器（Rich Text Editor，簡稱 RTE）：是一種可內嵌於瀏覽器，所見即所得的文字編輯器。它提供類似於Microsoft Word的編輯功能，即使不會編寫容易HTML 的使用者也能使用。

直接拿來用！最火的前端開源專案（三）

　　（1）WYSIHTML5：是一個開源的基於HTML技術的富文字編輯器，可生成完全相容 HTML5 標籤的文字

　　（2）MarkItUp：是一個輕量級、可定製、靈活的編輯器

　　（3）Hallo

　　（4）Substance Composer

　　（5）Proper

　　（6）SnapEditor

　　（7）Create.js

　　（8）MDMagick

　　（9）X-editable

　　二十三、Code Viewers & Editors

　　（1）Rainbow.js

　　（2）Intelligist

　　（3）Prism.js

　　（4）Brackets： Adobe用JavaScript、HTML 和CSS寫的基於Web的開原始碼編輯器

　　（5）CodeMirror

　　（6）Scripted

　　（7）tabIndent.js

　　（8）Behave.js：是一個輕量級的JavaScript庫,為普通的text areas編輯框提供了IDE風格的行為，讓它更適合書寫程式碼。

　　二十四、Performance

　　（1）Writing Fast, Memory-Efficient JavaScript

　　（2）CSS-only:Load images on demand

　　（3）Videos

　　（4）General Information

　　（5）Memory

　　（6）Tools

　　（7）DOM Manipulation

　　（8）Animation

　　（9）Hardware Acceleration

　　（10）Browser Internals

　　（11）HTTP Transport

　　二十六、Modularity & Loaders

　　（1）Lazy Module Declaration

　　（2）UMD (Universal Module Definition) patterns

　　（3）Browserify

　　（4）require.js

　　（5）CrapLoader

　　（6）Writing Modular JavaScript With AMD, CommonJS & ES Harmony

　　（7）Путь JavaScript модуля

　　（8）Modular JavaScript with RequireJS

　　（9）LABjs & RequireJS: Loading JavaScript Resources the Fun Way

　　（10）JavaScript Inheritance and Public/Private members

　　（11）Deep dive into the murky waters of script loading

　　（12）Terminology: Modules

　　二十七、Package Management

　　（1）bower

　　（2）volo

　　（3）parce

　　（4）jam.js

　　（5）component

　　二十八、Image Manipulation

　　（1）Paintbrush.js

　　（2）Obscura

　　（3）jCrop

　　二十九、HTTP

　　（1）Using CORS

　　（2）Cross-domain Ajax with Cross-Origin Resource Sharing

　　三十、Error Handling & Debugging

　　（1）Tracing.js

　　（2）JavaScript error handling anti-pattern

　　（3）Tattletale

　　三十一、Documentation

　　（1）dexy

　　（2）docco

　　（3）Ronn

　　（4）dox

　　（5）YUIDoc

　　（6）coddoc

　　三十二、Windows 8 Style

直接拿來用！最火的前端開源專案（三）

　　（1）Metro UI CSS

　　（2）BootMetro

　　（3）metro-bootstrap

　　（4）Metro UI Template

　　（5）Droptiles – Metro-Style Web Dashboard

　　（6）Metro JS

　　（7）Windows Metro tiles with Javascript and CSS3

　　（8）Cosmo

　　（9）Vid: What Web Developers Need to Know When Building Metro style Apps

　　（10）CSS3 Microsoft Modern Buttons

　　（11）Visual Studio 2012 Image Library - 5,000+ Images Downloadable Now

　　（12）Metro User Interface Implementation and Resources

　　三十三、Video

　　SublimeVideo

　　三十四、Audio

　　（1）howler.js

　　（2）Stratus 2soundcloud player

　　三十五、Library Collections

　　（1）jster

　　（2）MicroJS

　　（3）JSPkg

　　（4）TheToolbox

　　（5）Unheap

　　三十六、Chat

　　XMPP using JSON

　　三十七、Prototyping

　　（1）fixie

　　（2）Holder.js

　　三十八、JSON

　　（1）JSON Query Language

　　（2）Oboe.js

　　三十九、Presentations

　　（1）Ancesor.js

　　（2）Slideshow.html

　　（3）HTML5 Slideshow

　　（4）jQuery Screen

　　（5）reveal.js

　　（6）html5 Slides by Google

　　（7）Slides

　　（8）CSSS

　　（9）deck.js

　　（10）controldeck.js

　　四十、Scrolling

　　（1）Scrollpath

　　（2）jQuery NiceScroll

　　（3）FoldScroll

　　（4）Scrollorama

　　四十一、Keyboard

　　（1）Mousetrap

　　（2）Keypress

　　（3）konami.js

　　四十二、Tables & DataGrids

直接拿來用！最火的前端開源專案（三）

　　（1）Tablecloth.js

　　（2）Responsive Data Tables

　　（3）stacktable.js

　　（4）FooTable

　　（5）Handsontable

　　（6）Backgrid.js

　　（7）Gridster

　　（8）Flex

　　四十三、Security

　　（1）oAuth Consumer Library

　　（2）JSO - a Javascript OAuth Library

　　（3）xdoauthproxy

　　（4）JavaScript Cryptography

　　（5）Javascript Crypto Library

　　（6）Stanford Javascript Crypto Library

　　（7）mozilla / jwcrypto

　　（8）Critic

　　四十四、Layout

　　（1）Shapeshift

　　（2）CollagePlus

　　四十五、Misc

　　（1）zip.js

　　（2）simpleCart.js

　　（3）Aware.js

　　（4）How to directly upload files to Amazon S3 from your client side web app

　　英文來源：github.com

相關文章