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