当前位置:首页 > 开发 > 移动开发 > 正文

Sencha Touch延迟加载模块中的小类提高程序进入每个模块时性能

发表于: 2014-11-20   作者:美丽心情19801230   来源:转载   浏览:
摘要:   上一篇文章我写了如何提高Sencha Touch在进入程序时的性能,但是后来发现,虽然进入程序时候性能提高了,但是初始化Controller的任务分摊到各个模块了,使得第一次进入模块的时候变得比原来慢了,那么问题来了,如何继续提高第一次进入模块时候的性能呢?Controller是必须要在进入模块时候初始化的,这是不能改变的事实,那能不能从其他方面入手呢?我查看每个模块的代码发现了一个共性的问题

  上一篇文章我写了如何提高Sencha Touch在进入程序时的性能,但是后来发现,虽然进入程序时候性能提高了,但是初始化Controller的任务分摊到各个模块了,使得第一次进入模块的时候变得比原来慢了,那么问题来了,如何继续提高第一次进入模块时候的性能呢?Controller是必须要在进入模块时候初始化的,这是不能改变的事实,那能不能从其他方面入手呢?我查看每个模块的代码发现了一个共性的问题,就是我把模块中用到的所有类都提前声明了,代码如下:

Ext.define("mobile.blog.phone.BlogPhoneView", {
	extend : "Ext.Container",
	xtype : "blogPhoneView",
	config : {
		layout : "card",
		items : [		         
			{
	        	items:[
				    {
				    	xtype : 'blogSearchView'
					}, 
					{
						xtype : 'blogPhoneListView'
					}
				]
	        },
			{
				xtype : 'blogExtraURLView'
			},
			{
				xtype : "blogPhoneCommentListView",
			},
			{
				xtype : "blogPhoneTransferListView",
			},
			{
				xtype : "blogPhoneFormView"
			},
			{
				xtype : "blogPhoneHomeView"
			},
			{
				xtype : "blogPhoneMyInfoView"
			},
		]
	}
});

   这是我做的一个微博模块的主面板,其中包含了各种列表,各种表单,但是这些列表和表单很多都是在进入模块时候用不到的,所以能不能把这些用不到的也延迟加载呢?通过测试发现,layout为card的布局是可以动态加载类的,也就是开始不需要把类列举出来,等用到的时候再setActiveItem()进来,比如我把blogPhoneMyInfoView删除掉,等用的时候再通过blogPhoneView.setActiveItem(“blogPhoneMyInfoView”)加载进来,这样在blogPhoneView中只放进入模块时必要的类就可以了,修改后的代码如下:

Ext.define("mobile.blog.phone.BlogPhoneView", {
	extend : "Ext.Container",
	xtype : "blogPhoneView",
	config : {
		layout : "card",
		items : [		         
			{
	        	items:[
				    {
				    	xtype : 'blogSearchView'
					}, 
					{
						xtype : 'blogPhoneListView'
					}
				]
	        }
		]
	}
});

   这样在进入模块的时候只需要加载blogSearchView和blogPhoneListView这两个类就可以了,提高了第一次进入模块时的性能。

Sencha Touch延迟加载模块中的小类提高程序进入每个模块时性能

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
延迟加载(lazy loading) 设计模式是为了避免一些无谓的性能开销而提出来的,所谓延迟加载就是当在真
sencha touch中提供的datepicker,是英文版的,在中国做软件当然要汉化。 如上图,就是sencha的原版
# -*-coding:utf8 -*- import httplib as client import time import os def get_webservertime(hos
现在的网站表现力越来越丰富,页面加载的js和css自然也越来越多。当网站页面上的js和css太多,浏览
  由于最近一直忙着android原生的开发,很久没有更新博客了,官方的sencha cmd工具功能非常强大,
模块发布 树类模块 包括树、N叉树、八叉树、四叉树、二叉树和Huffman树。前四个归为一类,后两个是
模块与类有两点不同: 模块不能拥有实例 模块不能被继承 (1)模块提供命名空间:A模块的foo方法、nu
  在mvc结构的基础上,sencha touch又使用了sencha公司为extjs4开发出来的类系统,在面向对象的编
在Java中,初始化模块是指用一对"{}"括起来的代码,可以与构造方法一起来对对象进行初始化。初始化
perl的LWP是抓取网页的经典模块,学习的过程中用这个模块写了一个小程序,是通过抓取有道翻译的翻译
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号