資訊專欄INFORMATION COLUMN
摘要：什么是一個輕量級的雙向綁定工具，你可以把它暫時理解為精簡版的。相對于而已少了根弦只有根，體積也小了很多，因此可愛小巧，方便攜帶，易于學(xué)習(xí)，并且有著自己獨特的音色。作者也希望也能給大家?guī)硐嗤母惺?，故給這個工具起了這個名字。
什么是Ukulelejs
一個輕量級的雙向綁定工具，你可以把它暫時理解為精簡版的Angular。(以下簡稱ukujs)
先來看一個最簡單的雙向綁定例子//Register ViewModel
var uku = new Ukulele();
uku.registerController("myCtrl",new MyController());
//Define ViewModel
function MyController(){
this.hello = "hello, ukulele";
}
什么是Ukulele
還記得這個風(fēng)靡網(wǎng)絡(luò)的視頻么？這個小正太手里捧著的可愛樂器就叫做Ukulele
既然已經(jīng)有了Angularjs,為何還要再去造個輪子 閱讀到這里，如果你對ukujs稍微產(chǎn)生了那么一丟丟感興趣，請戳Ukulele是一種來自于夏威夷的4弦小吉他，念作尤克里里（臺譯：烏克里里）
官網(wǎng)：http://momoko8443.github.io/ukulelejs_website
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可愛小巧，方便攜帶，易于學(xué)習(xí)，并且有著自己獨特的音色。但是有優(yōu)點也有缺點，由于少了2根弦導(dǎo)致ta的音域只有2個八度，在某些場合ta無法與鋼琴，吉他抗衡。如果把功能健全的Angular比作鋼琴的話，那ukujs就是靈動小巧的ukulele。作者也希望ukujs也能給大家?guī)硐嗤母惺?，故給這個js工具起了這個名字。如果說鋼琴是一個人的交響樂隊的話，那ukulele配合Cajon，口風(fēng)琴，等其它輕量的樂器一樣可以演奏出美麗的樂章。
Q: ukujs誕生記
A: 有個一起玩ukulele在SAP上班的兄弟，一直慫恿作者接點移動端的私活貼補(bǔ)家用，由于作者之前只接觸過Angular，但是也知道Angular并不適用于移動端的web應(yīng)用，所以他決定自己寫了一套輕量的雙向綁定工具來提高工作效率，于是就有了ukujs，（然而距截稿時為止，他們1筆私活都沒接到，好慘）。
Q: ukujs后續(xù)的發(fā)展
A: 作者十分提倡前端組件化開發(fā)，DOM操作與mvvm并存的開發(fā)方式，目前最新版的ukujs已經(jīng)支持webcomponent功能（屌?。?，ukujs已經(jīng)趨于穩(wěn)定，并已投入生產(chǎn)環(huán)境，請安心食用。
最后，非常感謝你能閱讀完全文，真的非常感謝。如果不吝惜時間的話，請幫忙推薦此文，或至github，star項目。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/86027.html
摘要：但是是幸運的，她卻并沒有無疾而終，反而是在不斷開發(fā)的過程中，讓主感覺到了前所未有的的滿足感，成就感，以及自豪感。 2015年9月29日在sf發(fā)布了po主的第一篇專欄文章——《輕量級的雙向綁定工具 —— ukulelejs》（
摘要：的核心庫只關(guān)注視圖層，并且非常容易學(xué)習(xí)，非常容易與其他庫或已有的項目整合。用戶視圖改變的時候，業(yè)務(wù)模型中的數(shù)據(jù)也可以發(fā)生改變。組件化指令系統(tǒng)開始支持虛擬是操作的真是，而不是虛擬虛擬可以提升頁面的刷新速度。一個基本的示例是由三部分組成視圖。 vue.js什么 Vue.js 被定義成一個用來開發(fā) Web 界面的前端庫，是個非常輕量級的工具。 Vue.js本身具有響應(yīng)式編程和組件化的特點。...
摘要：下圖展示了實現(xiàn)雙向綁定的流程實現(xiàn)一個簡單的雙向綁定雙向綁定最最最初級進(jìn)階版操作是非常耗時和好性能，所以在優(yōu)化過程中先從操作入手。 接觸Vue有一段時間了，但是對于其雙向綁定的實現(xiàn)一直是似懂非懂，今天看到一篇寫的比較好的文章 傳送門1 根據(jù)原作者的指導(dǎo)自己也去實現(xiàn)了一遍簡單的 demo （本文的demo均基于Object.defineProperty 實現(xiàn)數(shù)據(jù)劫持，利用了對Vue.js實...
摘要：，而且每種框架雙向數(shù)據(jù)綁定的實現(xiàn)方式都不太一致，比如內(nèi)部使用的是臟檢查，而內(nèi)部實現(xiàn)方式的本質(zhì)是設(shè)置屬性訪問器。在中也有類似的概念，不過不叫魔術(shù)方法，而是叫做訪問器。 緣起前幾天在看一些流行的迷你mvvm框架（比如avalon.js、 vue.js 這種較輕的框架，而非Angularjs、Emberjs這種較重的框架）的實現(xiàn)?，F(xiàn)代流行的mvvm框架一般都會將數(shù)據(jù)雙向綁定（two-ways...
閱讀 2759·2021-09-24 09:47
閱讀 4380·2021-08-27 13:10
閱讀 3030·2019-08-30 15:44
閱讀 1299·2019-08-29 12:56
閱讀 2601·2019-08-28 18:07
閱讀 2624·2019-08-26 14:05
閱讀 2583·2019-08-26 13:41
閱讀 1275·2019-08-26 13:33
