第二种简单方式创建模型控制器的方式

简介: 第二种简单方式创建模型控制器的方式
var exports = this;
(function($){
var mod = {};
//返回Controller模型
 mod.create = function(includes){
  var result = function(){
   this.init.apply(this, arguments);
  };
  result.fn = result.prototype;
  
  result.fn.init = function(){};
  result.proxy = function(func){
   return $.proxy(func, this);
  };
  result.fn.proxy = result.proxy;
  result.include = function(ob){
   $.extend(this.fn, ob);
  };
  result.extend = function(ob){
   $.extend(this, ob);
  };
  //将传入的对象扩展制模型
  if(includes) result.include(includes);
  return result;
 };
 exports.Controller = mod;
})(jQuery);
//在文档加载完毕后创建控制器
jQuery(function($){
var ToggleView = Controller.create({
  init: function(view){
   this.view = $(view);
   this.view.bind('mouseover',true, this.proxy(this.toggleClass));
   this.view.bind('mouseout',false, this.proxy(this.toggleClass));
  },
  toggleClass: function(e){
   this.view.toggleClass('over', e.data);
  }
 });
//实例化控制器, 调用init();
var tv = new ToggleView('#view');
 console.log(tv);
});

==================这里是分割线====================

这种方式创建的控制器模型,是在文档加载完毕后才初始化控制器

相关文章
|
2月前
|
前端开发 Java Spring
SpringMVC种通过追踪源码查看是哪种类型的视图渲染器(一般流程方法)
这篇文章通过示例代码展示了如何在Spring MVC中编写和注册拦截器,以及如何在拦截器的不同阶段添加业务逻辑。
SpringMVC种通过追踪源码查看是哪种类型的视图渲染器(一般流程方法)
|
人工智能 自动驾驶 新能源
“以终为始”的正确使用方式
“以终为始”的正确使用方式
139 0
|
前端开发
前端学习案例4-类组件中绑定this指向的方式
前端学习案例4-类组件中绑定this指向的方式
70 0
前端学习案例4-类组件中绑定this指向的方式
系统通信方式操作
系统通信方式操作
72 0
系统通信方式操作
|
Java
CheerpJ调用的两种方式
CheerpJ调用的两种方式
240 0
|
缓存
读源码长知识 | 动态扩展类并绑定生命周期的新方式
在阅读viewModelScope源码时,发现了一种新的方式。 协程需隶属于某 CoroutineScope ,以实现structured-concurrency,而 CoroutineScope 应
169 0
|
网络协议 Dubbo NoSQL
服务探活的五种方式
总之一句话总结起来就是Provider节点没有摘除流量前,就无法处理请求了。可以分为三类: 系统异常:如断电、断网、其他硬件故障、或操作系统异常退出 进程异常退出:进程异常退出,端口挂掉,如有注销机制但没来得及注销,如执行了kill -9 进程无法处理请求:端口还在,但服务无法正常响应,如Full GC期间
914 0
服务探活的五种方式
思考方式
思考方式
871 0
家用电器使用,一个功能接口几台设备一起实现,控制器成为对象后逐个调用设备功能.
一个家庭影院似的程序.我把main所在的类命名为Home Theater(家庭影院)将编程看作是一门艺术,而不单单是个技术。 敲打的英文字符是我的黑白琴键, 思维图纸画出的是我编写的五线谱。 当美妙的华章响起,现实通往二进制的大门即将被打开。
882 0