NuclearJavaScript 超輕量級(jí)框架
Nuclear 是騰訊 AlloyTeam 團(tuán)隊(duì)開(kāi)發(fā)的一款形似 React 的超輕量級(jí)框架(大小16k,gzip后6k)。
純粹的javascript
Nuclear不需要jsx,你只需要使用純粹的javascript就可以使用面向?qū)ο蟮姆绞饺ゾ帉?xiě)各式各樣的組件。Nuclear的目標(biāo)是讓布局、樣式、數(shù)據(jù)、事件、行為完全獨(dú)立,讓程序更加易維護(hù)、可擴(kuò)展。
HTML+CSS
Nuclear沒(méi)有虛擬Dom的概念,完整支持HTML和CSS所有功能,你完全可以使用HTML+CSS進(jìn)行頁(yè)面布局排版,放心使用HTML5和CSS3大量的酷炫特性吧!
observejs
Nuclear使用observejs進(jìn)行數(shù)據(jù)變更監(jiān)聽(tīng)通知視圖全部刷新或者局部刷新,以空間換取時(shí)間的方式提高應(yīng)用程序的性能。
簡(jiǎn)單的示例
var HelloMessage = Nuclear.create({
render: function () {
return '<div>Hello , {{name}} !</div>';
}
})
new HelloMessage("#helloContainer", { name: "Nuclear" });
Nuclear通過(guò) Nuclear.create方法創(chuàng)建結(jié)構(gòu)型組件和非結(jié)構(gòu)型組件,這個(gè)例子就是結(jié)構(gòu)型組件。
創(chuàng)建結(jié)構(gòu)型必須包含 render() 方法,該方法返回渲染的模板,Nuclear使用mustache.js作為模板渲染引擎,創(chuàng)建組件new HelloMessage的第一個(gè)參數(shù)是組件的容器,第二個(gè)參數(shù)就是提供給模板引擎的數(shù)據(jù),并且可以任何方法都可通過(guò)this.option訪(fǎng)問(wèn)該數(shù)據(jù)。
感謝:
-
observe.js
-
react.js
