NuclearJavaScript 超轻量级框架

Nuclear 是腾讯 AlloyTeam 团队开发的一款形似 React 的超轻量级框架(大小16k，gzip后6k)。

纯粹的javascript

Nuclear不需要jsx，你只需要使用纯粹的javascript就可以使用面向对象的方式去编写各式各样的组件。Nuclear的目标是让布局、样式、数据、事件、行为完全独立，让程序更加易维护、可扩展。

HTML+CSS

Nuclear没有虚拟Dom的概念，完整支持HTML和CSS所有功能，你完全可以使用HTML+CSS进行页面布局排版，放心使用HTML5和CSS3大量的酷炫特性吧！

observejs

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