backbone.js+jqm+html5的移动App开发总结一
2013-07-24 18:21
295 查看
最近才意识到记录问题的重要性,以前好多东西没有记录下来,都渐渐遗忘了,现在,就从眼下的问题开始。
我的任务是负责移动端开发的逻辑部分,一个模块做出来了,其他模块快是快,但是总得有点进步,今天添加新模块希望有所突破,因为这些天的工作下来发现各个模块的代码十分类似,但就是有那么一点区别,而且一直苦于js语言不够面向对象,不像java可以直接继承,但也是有办法的。今天不想只是简单拷贝代码了,希望对Backbone.js中的Backbone.View深度扩展(简单来说就是继承,实现代码公用,model应该也是一样的道理)。
在这里就今天的实验成果进行简单的记录,首先需要创建一个超类SuperModule
var SuperModule = Backbone.View.extend({
constructor:superConstructor;
//代码
});
实现深度扩展最重要的是将Backbone.View的子类SuperModule的constructor构造函数=superConstructor
而在superConstructor中实现的其实就是调用父类(也就是Backbone.View)的构造器(constructor)
接下来就是对SuperModule这个超类进行向下扩展(即是继承,也就是深度扩展了)类似代码如下:
var subModule = SuperModule.extend({
});
function subConstructor() { subConstructor.__super__.constructor.call(this); // 调用父类构造器 }
到此为止就实现了深度扩展了,资历尚浅,可能还有问题,只是暂时还没有碰到,如有错误,欢迎指正。
方法并不难,真正理解就比较难了,以后深入理解Backbone或者js,看来至少是要仔细研读一下里面的继承机制了,继续研究研究
(今天下午不知道抽了什么风,把调用父类构造器代码中的.constructor.call(this)给注释了,结果一下午进入一个诡异的Bug空间,但是真的挺诡异的,一进入调试模式就没有问题,直接运行就会有问题,而且问题是出在changePage切换页面的时候,“_trigger
of null”,至今还是不明白,应该都会报错啊,为什么调试的时候不会错,希望以后能够弄明白。)
/article/4664466.html感谢这篇博文作者,不然我也没有解决的方向,网上提到的好少,在此希望不仅自己做个总结,也是给有需要的朋友一个方便了。
我的任务是负责移动端开发的逻辑部分,一个模块做出来了,其他模块快是快,但是总得有点进步,今天添加新模块希望有所突破,因为这些天的工作下来发现各个模块的代码十分类似,但就是有那么一点区别,而且一直苦于js语言不够面向对象,不像java可以直接继承,但也是有办法的。今天不想只是简单拷贝代码了,希望对Backbone.js中的Backbone.View深度扩展(简单来说就是继承,实现代码公用,model应该也是一样的道理)。
在这里就今天的实验成果进行简单的记录,首先需要创建一个超类SuperModule
var SuperModule = Backbone.View.extend({
constructor:superConstructor;
//代码
});
function superConstructor() {
superConstructor.__super__.constructor.call(this);
}
实现深度扩展最重要的是将Backbone.View的子类SuperModule的constructor构造函数=superConstructor
而在superConstructor中实现的其实就是调用父类(也就是Backbone.View)的构造器(constructor)
接下来就是对SuperModule这个超类进行向下扩展(即是继承,也就是深度扩展了)类似代码如下:
var subModule = SuperModule.extend({
constructor: subConstructor//....
});
function subConstructor() { subConstructor.__super__.constructor.call(this); // 调用父类构造器 }
到此为止就实现了深度扩展了,资历尚浅,可能还有问题,只是暂时还没有碰到,如有错误,欢迎指正。
方法并不难,真正理解就比较难了,以后深入理解Backbone或者js,看来至少是要仔细研读一下里面的继承机制了,继续研究研究
(今天下午不知道抽了什么风,把调用父类构造器代码中的.constructor.call(this)给注释了,结果一下午进入一个诡异的Bug空间,但是真的挺诡异的,一进入调试模式就没有问题,直接运行就会有问题,而且问题是出在changePage切换页面的时候,“_trigger
of null”,至今还是不明白,应该都会报错啊,为什么调试的时候不会错,希望以后能够弄明白。)
/article/4664466.html感谢这篇博文作者,不然我也没有解决的方向,网上提到的好少,在此希望不仅自己做个总结,也是给有需要的朋友一个方便了。
相关文章推荐
- 如此繁荣的移动webapp开发市场:总结当下的一些移动web开发套件
- “榕树下·那年”移动app ( hybrid ) 开发总结
- FirstApp,iphone开发学习总结11,表操作(移动、删除)
- 使用ionic开发移动app的过程中经验总结
- 移动社交App服务端开发总结
- 如此繁荣的移动webapp开发市场:总结当下的一些移动web开发套件
- 移动审批App开发总结
- 如此繁荣的移动webapp开发市场:总结当下的一些移动web开发套件
- [转]移动APP开发过程总结
- 2017年11个移动App开发趋势
- APP服务端开发遇到的问题总结(后续再整理解决方法)
- 11个有用的移动网页开发App和HTML5框架
- 王家林的81门一站式云计算分布式大数据&移动互联网解决方案课程第14门课程:Android软硬整合设计与框架揭秘: HAL&Framework &Native Service &App&HTML5架构设计与实战开发
- 从Android原生角度看移动html5开发APP(三)之上拉加载
- Android TV开发总结(三)构建一个TV app的焦点控制及遇到的坑
- APP源码 教程 网页转APP 安卓Andriod应用开发 手机APP 移动网站
- 11个有用的移动网页开发App和HTML5框架
- app开发总结 3 - 架构设计
- 移动APP功能测试要点总结
- Cordova3.x 搭建web移动app开发环境小结