当前位置: 软件>JavaScript软件
组件化 Javascript 开发框架 Transformers
本文导语: Transformers 是一套基于 Javascript(JS) 的已彻底组件化与模块化的开发框架，与 Web Components 理念一致。框架主要关注组件路由、组件消息传递和组件异步加载等，其中要解决的核心问题是组件间的解耦。 快速开始 引入 jQuery ...
Transformers 是一套基于 Javascript(JS) 的已彻底组件化与模块化的开发框架，与 Web Components 理念一致。框架主要关注组件路由、组件消息传递和组件异步加载等，其中要解决的核心问题是组件间的解耦。
快速开始 引入 jQuery 引入 Transformers 框架 开始使用 1. 编写组件容器Hello World测试
// 创建应用程序
TF.Core.Application.create({
baseUrl: "./"
});
3. 创建组件 Home
// 定义名为 Home 的组件
TF.define('Home', {
// 组件 DOM 准备完毕回调函数
DomReady: function() {
console.log('ready!');
},
// Action 是组件对外的接口
testAction: function(args) {
console.log('test!');
// 渲染静态模板
this.sys.renderStaticTemplate('content');
this.renderOk();
},
// 组件私有方法，外部无法访问
renderOk: function() {
console.log('render OK!');
}
});
4. 注册组件
// 添加名为 Home 的组件到组件管理器中
TF.Core.ComponentMgr.add([{
name: 'Home',
appendRender: false,
lazyRender: false,
hide: false,
applyTo: '#content'
}]);
5. 启动应用程序
// 等待 DOM Ready
TF.ready = function(){
// 启动应用程序
TF.Core.Application.bootstrap();
};
实例
Hello World测试