幾個月前ukulelejs初具雛形的時候,做者就在oschina推過,博客連接請戳 通過幾個的不斷完善和內部項目實踐,ukujs已經趨於穩定,並能夠投入生產環境中使用。今天帶着全新的官網,再次來推薦一下這款js工具。前端
###什麼是Ukulelejs## 一個輕量級的雙向綁定工具,你能夠把它暫時理解爲精簡版的Angular。(如下簡稱ukujs)git
###先來看一個最簡單的雙向綁定例子###github
<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##web
還記得這個風靡網絡的視頻麼?這個小正太手裏捧着的可愛樂器就叫作Ukulele瀏覽器
Ukulele是一種來自於夏威夷的4弦小吉他,念做尤克里裏(臺譯:烏克里裏)網絡
###既然已經有了Angularjs,爲什麼還要再去造個輪子##app
###閱讀到這裏,若是你對ukujs稍微產生了那麼一丟丟感興趣,請戳###框架
官網:http://ukujs.tiger.mopaasapp.com/mvvm
(真正的乾貨都在官網裏)工具
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項目。