`
piaoling
  • 浏览: 261594 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Flex性能优化

    博客分类:
  • flex
 
阅读更多

ActionScript 3 和 Flex框架的性能优化

来自:http://zhoubing213.blog.163.com/blog/static/182343720110245548167/

 

与其在程序写完了之后臃肿得跑不动,不如平时注意这些关键点,时时提醒自己。翻译出来,以便以后时时查阅。

1 创建新数组时避免使用它的构造函数。

   这样做:var a = [];

   而不要这样做:var a = new Array();

2 创建数组是一个消耗量很大的操作,所以请谨慎进行以下类型的操作:

   var vanityCollection01 : Array = new Array();

   var vanityCollection02 : Array = new Array();

   var vanityCollection03 : Array = new Array();

   var vanityCollection04 : Array = new Array();

3 复制一个数组最快的方式是:

   var copy : Array = sourceArray.concat();

4 无论你用哪种方式,为数组的元素设置值都是一个慢的操作。

   employees.push( employee );

   employees[2] = employee;

5 在数组中获得一个值的速度是设置一个值的二倍。

   var employee : Employee = employees[2];

6 将属性函数设置为静态函数,这样你在使用它的时候就不用实例化一个该类的对象。

   StringUtils.trim( “text with space at end ” );

   类定义:

   package

   {

   public final class StringUtils

   {

   public static function trim( s : String ) : String

   {

   var trimmed : String;

   // 逻辑实现代码

   return trimmed;

   }

   }

   }

7 使用常量关键字const来定义那些在程序运行周期内都不会发生值改变的属性。

   public const APPLICATION_PUBLISHER : String = “Company, Inc.”;

8 当一个类不再需要有子类的时候,将它定义为final类。

   public final class StringUtils

9 巨长的函数名和变量名在Action Script 3中不会造成任何额外的消耗,(在其他语言中也是)

   someCrazyLongMethodNameDoesntReallyImpactPerformanceTooMuch();

10 在单行内定义多个变量不会带来任何性能的提升(在其他语言中也是)

   var i=0; j=10; k=200;

11 使用if和使用switch做逻辑判断所消耗的内存是没有区别的,例如:

   if ( condition )

   {

   // 处理条件下的逻辑

   }

   跟使用switch

   switch ( condition )

   {

   case “A”:

   // A条件下的处理逻辑

   break;

   case “B”:

   // B条件下的处理逻辑

   break;

   }

   没有任何内存消耗上的区别。

12 使用if做逻辑判断时,尽可能的按照最有可能发生的情况的顺序来顺序排列。例如:

if ( 最有可能发生的情况 )

{

   // 处理最有可能发生的情况。

}

else if ( 有时候会发生的情况 )

{

   // 处理有时候会发生的情况。

}

else

{

   // 处理以上判断都没有发生时的情况 。

}

13 AVM在循环体内部进行计算时,将整型int数据提升为浮点型Number进行处理,(从fp9到fp10,虚拟机已经有所改变,int,uint,number之间的转换不再像之前那么慢了。)

14 注意解决类型转换,未知类型(unknown),非法类型(incorrect)的问题。

15 慎重使用 uint ,它会使程序变慢。

   var footerHex : uint = 0×00ccff;

16 在迭代器中使用整型作为增长量

   应该这样使用:

   for(var i: int = 0; i < n; i++)

   而不是:

   for (var i: Number = 0; i < n; i++)

17 不要为int型变量赋小数值。

   应该这样用:

   var decimal : Number = 14.654;

   不应该:

   var decimal : int = 14.654;

18 乘法 vs 除法:使用 5000*0.001 来替代 5000/1000。

19 如果你要在for或者while循环体内频繁的使用一个值,请使用一个本地变量来存放它,而不是去频繁的计算它。

   与其这样频繁的计算它:

   for (..){ a * 180 / Math.PI; }

   不如定义一个变量来存放它:

   var toRadians:Number = a*180/Math.PI;

20 避免在循环体判断条件中进行计算,例如:

   var len : int = myArray.lengh;

   for (var i=0;i<len;i++){}

   而不要这样做:

   for (var i=0;i< myArray.lengh;i++){ } (靠!我一直都这么干的!)

21 使用正则表达式来进行字符串检查,并使用字符串函数来进行字符串搜索。

   例如:使用正则表达式做邮政编码检验

   private var regEx:RegExp = /^[A-Z][0-9][A-Z] [0-9][A-Z][0-9]$/i;

   private function validatePostal( event : Event ) : void

   {

   if( regEx.test( zipTextInput.text ) )

   {

   // 处理输入格式满足的情况

   }

   }

   使用字符串函数处理字符串查询:

   var string : String = “Search me”;

   var searchIndex : int = string.indexOf( “me” );

   var search : String = string.substring( searchIndex, searchIndex + 2 );

22 尽量重复使用那些属于“内存高消耗区”的对象,例如,DisplayObjects,URLLoader。

23 借鉴Flex对象的设计模式:

   createChildren();

   commitProperties();

   updateDisplayList();

24 把使用Datagrids组件作为你最后的显示手段(如果你确信你真的没有办法使用一个常规的list实现你想要的功能,才使用它)

25 避免使用迭代器迭代具备滚动功能的数据。

26 避免使用setStyle()函数(这在Flex框架里是性能消耗量最大的行为之一)

27 使用过多的容器嵌套势必会降低你程序的性能。例如下面这个恶心的嵌套。

<mx:Panel>

   <mx:VBox>

   <mx:HBox>

   <mx:Label text=”Label 1″ />

   <mx:VBox>

   <mx:Label text=”Label 2″ />

   </mx:VBox>

   <mx:HBox>

   <mx:Label text=”Label 3″ />

   <mx:VBox>

   <mx:Label text=”Label 4″ />

   </mx:VBox>

   </mx:HBox>

   </mx:HBox>

   </mx:VBox>

</mx:Panel>

28 你不用为每个容器都加上命名空间的标签,只有顶级容器需要这样做。下面这个就是不必要的。

   <mx:Image xmlns:mx=”http://www.adobe.com/2006/mxml”

   source=”avatar.jpg” width=”200″ height=”200″ />

29 移除不必要的容器来减少容器嵌套。

30 避免在标签内嵌套VBox容器(消除冗余)

<mx:Panel>

   <mx:Label text=”Label 1″ />

   <mx:Label text=”Label 2″ />

</mx:Panel>

<mx:Panel>

   <mx:VBox>

   <mx:Label text=”Label 1″ />

   <mx:Label text=”Label 2″ />

   </mx:VBox>

</mx:Panel>

31 在mx:Application 标签内部尽量避免使用VBox标签。(消除冗余)

<?xml version=”1.0″ encoding=”utf-8″?>

<mx:Application xmlns:mx=http://www.adobe.com/2006/mxml>

   <mx:Label text=”Label 1″ />

   <mx:Label text=”Label 2″ />

</mx:Application>

而不要:

<?xml version=”1.0″ encoding=”utf-8″?>

<mx:Application xmlns:mx=http://www.adobe.com/2006/mxml>

   <mx:VBox>

   <mx:Label text=”Label 1″ />

   <mx:Label text=”Label 2″ />

   </mx:VBox>

</mx:Application>

32 设置Repeater的recycleChildren属性为true可以提升它的性能(使用之前创建过的对象,而不是创建一个新对象)

<mx:Script>

   <![CDATA[

   [Bindable]

   public var repeaterData : Array = ["data 1", "data 2"];

   ]]>

</mx:Script>

<mx:Repeater id=”repeater” dataProvider=”{repeaterData}” recycleChildren=”true”>

   <mx:Label text=”data item: {repeater.currentItem}”/>

</mx:Repeater>

33 将帧频(framerate)设置为60或者更低。

<?xml version=”1.0″ encoding=”utf-8″?>

<mx:Application xmlns:mx=http://www.adobe.com/2006/mxml

   frameRate=”45″>

</mx:Application>

34 避免在每一帧内处理多个显示对象。

35 使用ENTER_FRAME 事件取代Timer事件

使用:

public function onEnterFrame( event : Event ) : void

{

}

private function init() : void

{

   addEventListener( Event.ENTER_FRAME, onEnterFrame );

}

而不要使用:

public function onTimerTick( event : Event ) : void

{

}

private function init() : void

{

   var timer : Timer = new Timer();

   timer.start();

   timer.addEventListener( TimerEvent.TIMER, onTimerTick );

}

36 在多帧中使用显示对象时,使用以下方法推迟它的对象创建:

<mx:Container creationPolicy=”queued”/>

37 alpha = 0 并不等同于 visible = false(对象在不可见时将会不会被处理)

所以,使用:

loginButton.visible = false;

而不是:

loginButton.alpha = 0;

分享到:
评论

相关推荐

    Flex 性能优化全集

    ### Flex性能优化全集 #### 引言 随着技术的发展,用户对于应用程序的要求越来越高,不仅在功能上有所期待,更注重应用的响应速度与流畅度。Adobe Flex 是一款用于构建和部署跨平台富互联网应用程序的强大工具,...

    Flex 性能优化常用手法总结

    总之,Flex性能优化是一个综合性问题,需要从多个维度进行考虑。上述提到的从外部加载媒体资源、限制嵌入式字体的字符集、框架缓存、模块化设计、推迟实例化以及内存释放优化等都是实践中行之有效的优化策略。开发者...

    flex 性能,查看内存

    以下是对Flex性能优化和内存查看的深入探讨: 1. **Flex性能优化**: - **代码优化**:减少不必要的计算,避免在循环中创建对象,合理使用缓存,以及优化事件处理。 - **布局优化**:明智地使用布局管理器,避免...

    flex学习笔记 flex学习总结 flex学习教程

    9. **Flex性能优化**:学习如何通过优化组件使用、减少网络请求、缓存策略等方式提升Flex应用的性能。 10. **实践项目**:理论学习后,通过实际项目练习,将所学知识应用于实践中,是巩固和提高技能的最佳方式。 ...

    如何在Flex中使用profile的教程

    #### Flex性能优化:使用Adobe Flex Profiler Adobe Flex Profiler是一款功能强大的工具,可以帮助开发者识别Flex应用程序中的性能瓶颈或内存泄漏问题。通过本教程,我们将详细介绍如何利用Adobe Flex Profiler进行...

    Flex基础

    8. **Flex性能优化** 在实际项目中,了解如何优化Flex应用的性能至关重要。这包括减少组件数量、正确使用数据绑定、优化绘图操作等方法。 9. **Flex与源码控制** 对于团队开发,将Flex代码纳入源码控制系统(如...

    FlexCode

    9. **Flex性能优化**:包括减少组件数量、优化数据处理、使用位图缓存等技巧,以提升应用性能。 10. **Flex测试和调试**:使用Flex Builder的内置工具进行代码调试,查找并修复错误,进行性能分析。 以上只是Flex...

    flex编译优化方法

    Flex编译优化方法是提升开发效率的关键,尤其是在大型Flex项目中,编译时间长和Eclipse性能问题可能严重影响开发流程。...同时,保持Eclipse和Flex SDK的更新也很重要,因为新版本通常会包含性能优化和bug修复。

    flex性能测试PPT

    【Flex性能测试】是针对基于Flex技术构建的富互联网应用程序(RIA)进行的性能评估过程。Flex是由Adobe公司开发的一种支持RIA开发和部署的技术,它主要用于创建具有高度交互性和动态用户体验的企业级应用。Flex的...

    flex瘦身优化之我见(内部资料)

    - **代码优化**:删除无用的代码和资源,精简XML和CSS,优化算法,减少不必要的计算和内存分配,都有助于提高程序性能和减少体积。 通过以上方法,可以有效优化Flex项目的大小,提高加载速度,提升用户体验。在...

    AIR性能和安全

    **Flex性能优化**: - **代码优化**:减少不必要的对象创建,避免过度使用动态类型,合理使用事件处理机制等。 - **资源管理**:优化图像和媒体资源的加载,减少网络延迟,提高加载速度。 - **缓存策略**:利用...

    flex优化全集 flex优化全集

    根据提供的标题、描述、标签及部分内容,我们可以总结出与Flex优化相关的多个知识点。...以上内容涵盖了Flex开发过程中常见的一些性能优化技巧。通过对这些技巧的理解和应用,可以显著提高Flex应用程序的性能。

    转正工作总结

    Flex性能优化常用手法总结可能包括以下几个方面: 1. **减少重绘和重排**:尽量避免不必要的组件更新,因为这会导致整个UI的重绘和重排,消耗性能。 2. **优化数据绑定**:避免使用实时数据绑定,考虑使用变更侦听...

    Loadrunner9.5Flex性能测试[参照].pdf

    【LoadRunner 9.5 Flex性能测试】 LoadRunner是一款强大的负载和性能测试工具,9.5版本对于Flex应用的支持使得它能够对基于Adobe Flex技术构建的Web应用程序进行深入的性能评估。性能测试是确保系统在高并发用户...

    flex 使用profile性能分析

    【Flex性能分析】Flex是一种基于ActionScript的开源框架,用于构建富互联网应用程序(RIA)。它提供了丰富的用户界面组件和强大的数据绑定能力。在开发过程中,性能优化是必不可少的一环,而`Flex Profile`就是用于...

    FLEX内存释放优化原则

    通过遵循上述内存释放优化原则,开发者可以显著提升FLEX应用程序的性能和稳定性。合理管理内存不仅可以提高用户体验,还能减少开发过程中的调试时间和成本。因此,在开发过程中始终关注内存管理的最佳实践是非常必要...

    test_avatar.rar_flex_游戏优化

    "test_avatar.rar_flex_游戏优化"这个标题暗示了我们正在探讨一个与Flex相关的游戏项目,其中包含了对游戏性能的改进措施,特别是针对矢量图形的优化,以提高游戏的速度。 Flex是一种基于ActionScript 3.0的开源...

    如何使用flex的profile进行性能分析

    通过以上步骤,开发者可以深入分析Flex应用程序的性能瓶颈,优化代码,减少内存泄漏,提升应用程序的运行效率。使用flex profile进行性能分析是提升Flex应用性能的关键步骤之一,它提供了宝贵的数据和洞察力,有助于...

Global site tag (gtag.js) - Google Analytics