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