`

ActionScript 3 和 Flex框架的性能优化

    博客分类:
  • Flex
 
阅读更多

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

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 = 0x00ccff;


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;

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics