輕量級的雙向綁定工具 —— ukulelejs

幾個月前ukulelejs初具雛形的時候，做者就在oschina推過，博客連接請戳 通過幾個的不斷完善和內部項目實踐，ukujs已經趨於穩定，並能夠投入生產環境中使用。今天帶着全新的官網，再次來推薦一下這款js工具。

###什麼是Ukulelejs## 一個輕量級的雙向綁定工具，你能夠把它暫時理解爲精簡版的Angular。(如下簡稱ukujs)

###先來看一個最簡單的雙向綁定例子###

<div uku-application>
    <input type="text" uku-value="myCtrl.message">
    <input type="text" uku-value="myCtrl.message">
    <textarea rows="4" uku-value="myCtrl.message"></textarea>
</div>

//Register ViewModel
var uku = new Ukulele();
uku.registerController("myCtrl",new MyController());
//Define ViewModel
function MyController(){
    this.hello = "hello, ukulele";
}

###什麼是Ukulele##

還記得這個風靡網絡的視頻麼？這個小正太手裏捧着的可愛樂器就叫作Ukulele

Ukulele是一種來自於夏威夷的4弦小吉他，念做尤克里裏（臺譯：烏克里裏）

###既然已經有了Angularjs,爲什麼還要再去造個輪子##

###閱讀到這裏，若是你對ukujs稍微產生了那麼一丟丟感興趣，請戳###

官網：http://ukujs.tiger.mopaasapp.com/

(真正的乾貨都在官網裏)

DEMO：http://ukujstore.tiger.mopaasapp.com/ github：https://github.com/momoko8443/ukulelejs

###與其它一些流行框架的性能對比## 渲染2000個雙向綁定對象，所花費的時間

渲染20000個雙向綁定對象，所花費的時間

###瀏覽器的支持## Chrome Firefox IE 10+

###看官您要是看到這裏尚未跳轉頁面的話，咱們再來扯扯題外話## Q: 爲什麼起名叫作ukulele？

A: 做者是一位ukulele樂器愛好者。Ukulele相對於Guitar而已少了2根弦（只有4根），體積也小了不少，所以ta可愛小巧，方便攜帶，易於學習，而且有着本身獨特的音色。可是有優勢也有缺點，因爲少了2根弦致使ta的音域只有2個八度，在某些場合ta沒法與鋼琴，吉他抗衡。若是把功能健全的Angular比做鋼琴的話，那ukujs就是靈動小巧的ukulele。做者也但願ukujs也能給你們帶來相同的感覺，故給這個js工具起了這個名字。若是說鋼琴是一我的的交響樂隊的話，那ukulele配合Cajon，口風琴，等其它輕量的樂器同樣能夠演奏出美麗的樂章。

Q: ukujs誕生記

A: 有個一塊兒玩ukulele在SAP上班的兄弟，一直慫恿做者接點移動端的私活貼補家用，因爲做者以前只接觸過Angular，可是也知道Angular並不適用於移動端的web應用，因此他決定本身寫了一套輕量的雙向綁定工具來提升工做效率，因而就有了ukujs，（然而距截稿時爲止，他們1筆私活都沒接到，好慘）。

Q: ukujs後續的發展

A: 做者十分提倡前端組件化開發，DOM操做與mvvm並存的開發方式，可是現階段的ukujs並無提供很是完美的實現，（有workaround uku-include）會在後續版本中增強這塊的功能。目前ukujs已經趨於穩定，會在不久的未來投入生產環境。

最後，很是感謝你能閱讀徹底文，真的很是感謝。若是不吝惜時間的話，請幫忙推薦此文，或至github，star項目。