HTML5技术

【移动前端开发实践】从无到有(统计、请求、MVC、模块化)H5开发须知 - 叶小钗(13)

字号+ 作者:H5之家 来源:H5之家 2015-09-28 18:22 我要评论( )

前端MVC文章总数 0 分类标签博客列表新增博客标题 类型 标签(逗号隔开) () { []; arr.slice; 84 /* * 85 * inherit方法,js的继承,默认为两个参数 86 * 87 * @param {function} origin 可选,要继承的类 88 * @p

前端MVC文章总数 0 分类标签博客列表新增博客标题 类型 标签(逗号隔开) () { []; arr.slice; 84 /** 85 * inherit方法,js的继承,默认为两个参数 86 * 87 * @param {function} origin 可选,要继承的类 88 * @param {object} methods 被创建类的成员,扩展的方法和属性 89 * @return {function} 继承之后的子类 (origin, methods) { ; ; slice.call(arguments); ) properties.shift(); ]; klass() { .initialize)) , arguments); 110 } parent; (parent) { () { }; parent.prototype; subclass(); } klass.superclass.prototype; properties) { properties[k]; ) { ); ancestor[k]) { (methodName, fn) { () { ; [ 140 function () { 141 return ancestor[methodName].apply(scope, arguments); 142 } 143 ]; , args.concat(slice.call(arguments))); 145 }; 146 })(k, value); 147 } 148 } )) { {}; 154 _.extend(temp, klass.prototype[k]); 155 _.extend(temp, value); temp; { value; 159 } 160 } parent) { ) parent[key]; 167 } klass.prototype.initialize) () { }; klass; klass; 175 }; 176 177 })(); _.inherit({ () { ); {}; 186 }, (opts) { .propertys(); 190 }, (selector) { .$el.find(selector); 193 }, () { 195 this.$el.show(); 196 this.bindEvents(); 197 }, () { .events; ; 202 this.unBindEvents(); ; 206 var key, method, match, eventName, selector; events) { events[key]; [events[key]]; ; key.match(delegateEventSplitter); ]; ); .id; ) { 220 this.$el.on(eventName, method); { 222 this.$el.on(eventName, selector, method); 223 } 224 } ; 226 }, () { .id); ; 231 } 232 233 }); _.inherit({ (opts) { 238 this.propertys(); 239 this.setOption(opts); 240 }, () { {}; {}; ; ; 254 255 }, (k, v) { ; v; 260 }, (k) { ; .controllers[k]; 265 }, (opts) { opts) { opts[k]; 270 } 271 }, () { }, (data) { 279 var k; ; .data) { data[k]; 285 } .handleData(); .get()) { .get()); 291 } 292 293 }, () { ; 299 }, (data) { 304 return data; 305 }, () { .validateData()) { {}; 312 } .data); 314 }, (key, data) { ) .scope, data); ) .scope, data); 321 }, (key) { .get(); 327 var k; ; .controllers[key]) { 331 this._update(key, data); 332 return; 333 } .controllers) { 336 this._update(k, data); 337 } 338 } 339 }); _.inherit(AbstractModel, { () { { 348 blogs: [] 349 }; 350 }, (title, type, label) { ; {}; _.uniqueId(); title; type; ); []; .data.blogs.push(blog); .update(); blog; 369 }, (id) { ; 373 var i, len, data; ) { id) { ) 377 this.update(); 378 return data; 379 } 380 } ; 382 }, () { {}; 386 var i, len, type; ) { .data.blogs[i].type; ; ; 391 } 392 return obj; 393 }, () { {}, label; 397 var i, len, j, len1, blog, label; ) { .data.blogs[i]; ) { blog.label[j]; ; ; 404 } 405 } 406 return obj; 407 }, () { .data.blogs.length; 411 } 412 413 }); _.inherit(AbstractView, { ($super) { 418 $super(); ); { , }; Model({ , 431 controllers: { .numController, .typeController, .labelController, .blogsController 436 } 437 }); 438 }, () { .model.getNum()); 442 }, () { ; ).innerHTML; .model.getTypeInfo(); _.template(tpl)({ objs: data }); ).html(html); }, () { ; ).innerHTML; .model.getLabelInfo(); _.template(tpl)({ objs: data }); ).html(html); 461 462 }, () { .model.get()); ; ).innerHTML; .model.get(); _.template(tpl)(data); ).html(html); 471 }, () { .model.add( ).val(), ).val(), ).val() 480 ); 481 482 }, (e) { $(e.currentTarget); )); 486 } 487 }); View(); 490 view.show();

View Code

分析

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • [移动端] IOS下border-image不起作用的解决办法 - 小路_同学

    [移动端] IOS下border-image不起作用的解决办法 - 小路_同学

    2017-05-02 12:04

  • 前端工具的安装 - 韩子卢

    前端工具的安装 - 韩子卢

    2017-05-02 08:00

  • 【Vue 入门】使用 Vue2 开发一个展示项目列表的应用 - zhangjk

    【Vue 入门】使用 Vue2 开发一个展示项目列表的应用 - zhangjk

    2017-04-30 16:00

  • 在Delphi下使用迅雷APlayer组件进行免注册开发 - Delphi力量

    在Delphi下使用迅雷APlayer组件进行免注册开发 - Delphi力量

    2017-04-28 15:00

网友点评
<