为什么 Nuclear

这里列举 Nuclear 在竞品中的优势：

• 借助浏览器本身的机制，无任何代码约定和入侵
• 放心使用 HTML+CSS+JS
• observejs 替代 EventLoop、requestAnimationFrame、Ticker 等定时循环
• 解决 MV*无法构建复杂特效的难题，随意构建超复杂交互特效，自由地大展拳脚
• 支持 Dom 和 Canvas 组件，未来支持 SVG 和 WebGL.
• SVG 库 Sword 已经整装待发：https://github.com/AlloyTeam/Sword
• WebGL 库 pixeljs 正在全力推进 https://github.com/kmdjs/pixeljs

获取 Nuclear

Nuclear 网站 http://alloyteam.github.io/Nuclear/.

Github https://github.com/AlloyTeam/Nuclear

你也可以通过 npm 安装 Nuclear

使用 Nuclear

js 文件可以在这里找到最新版的: nuclear.js or nuclear.min.js

你可以直接在页面引用

也可在 AMD 环境同步 require

或者异步 require：

在 CommonJS 环境：

Nuclear 直接暴露

下面是暴露给 AMD/CommonJS 和 Root 的代码。

所以，只要你加载了 nuclear.js 文件，你就能直接子啊 root/window 下直接访问到 Nuclear。
那么为什么要暴露在 root/window?
因为，为了支持声明式事件绑定，即让事件调用自身组件定义的方法。如下面 render 方法中的模板：

到了 dom 里面，进过 Nuclear 的处理会变成：

所以 add 不会去访问全局的 add，而是访问自身组件定义的 add 方法。关于这点后面教程再详细说明这么设计的好处。先看简单的例子。

简单例子

new HelloMessage 的第一个参数会赋给 this.option，render 的模板使用的数据源就是 this.option。所以，直接通过 {{name}} 就能得到 option 的 name 的值。
new HelloMessage 的第二个参数是组件的容器。

Q&A

任何问题可以留言回复或者 issues 发过来