Nuclear JavaScript 超轻量级框架开源项目

我要开发同款
匿名用户2015年06月08日
49阅读
开发技术JavaScriptHTML/CSS
所属分类常用JavaScript包、Web应用开发
授权协议MIT

作品详情

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作为模板渲染引擎,创建组件newHelloMessage的第一个参数是组件的容器,第二个参数就是提供给模板引擎的数据,并且可以任何方法都可通过this.option访问该数据。

感谢:

observe.js

react.js

mustache.js

class.js

 

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论