6月14日上海 OSC 源创会开始报名,送机械键盘和开源无码内裤
Nuclear 是腾讯 AlloyTeam 团队开发的一款形似React 的超轻量级框架(大小16k,gzip后6k)。
Nuclear不需要jsx,你只需要使用纯粹的javascript就可以使用面向对象的方式去编写各式各样的组件。Nuclear的目标是让布局、样式、数据、事件、行为完全独立,让程序更加易维护、可扩展。
Nuclear没有虚拟Dom的概念,完整支持HTML和CSS所有功能,你完全可以使用HTML+CSS进行页面布局排版,放心使用HTML5和CSS3大量的酷炫特性吧!
Nuclear使用observejs进行数据变更监听通知视图全部刷新或者局部刷新,以空间换取时间的方式提高应用程序的性能。
var HelloMessage = Nuclear.create({ render: function () { return '<div>Hello , {{name}} !</div>'; } }) new HelloMessage("#helloContainer", { name: "Nuclear" });
Nuclear通过 Nuclear.create
方法创建结构型组件和非结构型组件,这个例子就是结构型组件。
创建结构型必须包含 render()
方法,该方法返回渲染的模板,Nuclear使用mustache.js作为模板渲染引擎,创建组件 new HelloMessage
的第一个参数是组件的容器,第二个参数就是提供给模板引擎的数据,并且可以任何方法都可通过 this.option
访问该数据。
感谢:
observe.js
react.js
mustache.js
class.js