作者davidsky (Alive)
看板Web_Design
标题Re: [问题] 如何管理大量事件绑定、错误处理
时间Sun Aug 25 15:02:29 2013
推文已经有说套MVC就可以
假设不想放个很肥的framework在code base里的话
可以直接去看各框架的做法拿来用
比如JMVC是:
var App = {
init: function app_init() {
this.bindEvents();
},
bindEvents: function app_bindEvents() {
for (var prop in this) {
var a = prop.split(' ');
if (a.length > 1) {
// Pseudo code: Delegate element a[0] with a[1] event
$(a[0]).on(a[1], this[prop].bind(this));
}
}
},
'.delete_button_1 click': function on_delete_button_1_click() {
// do sth...
},
'.delete_button_2 click': function on_delete_button_2_click() {
// do sth...
},
'.delete_button_3 click': function on_delete_button_3_click() {
// do sth...
},
'form submit': function on_form_submit() {
// do sth...
}
};
简言之用约定俗成的方式将"selector event"当成key, callback当成value
写在object里面然後在初始阶段去过滤有这样的property的话就自动做delegate
: 比如是不是可以用OO化的module pattern
: 定义delete, add为public function
: 再定义init()去load这些public function?
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 36.231.48.212
1F：推 tomin:哇 可以这样写很酷 学习了! 08/26 22:57
2F：推 Rplus:(Y) 08/26 23:09
3F：推 chatnoir:厉害 08/27 01:38