`

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;

分享到:
评论

相关推荐

    flex 3 programming actionscript 3

    《Flex 3编程ActionScript 3》是一本深入探讨Adobe Flex 3开发技术的专业书籍,主要聚焦于ActionScript 3这一强大的脚本语言在Flex框架中的应用。Flex 3是Adobe开发的一个开源框架,用于构建富互联网应用程序(RIA)...

    Flex第一步--基于ActionScript 3.0的Flex 2应用开发 第2、 6、 13章

    Flex是Adobe公司推出的一种用于构建富互联网应用程序(RIA, Rich Internet Applications)的开源框架,它主要基于Flash Player或Adobe AIR运行环境。本资料主要聚焦在Flex 2的应用开发,特别是结合ActionScript 3.0...

    ActionScript教程 Flex教程 ActionScript+Flex教程

    - **性能优化**:提高加载速度、减少内存占用、优化渲染效率。 - **发布与部署**:构建可执行文件、安装程序的创建。 #### 六、资源推荐 - **视频教程**:ActionScript 3.0和Flex的视频教程涵盖了从入门到精通的...

    SpringFlex框架搭建

    总结来说,SpringFlex框架结合了Spring的后端服务和Flex的前端表现力,提供了一种高效、可扩展的RIA开发解决方案。通过合理配置开发环境、正确设置项目结构以及理解两者间的交互机制,开发者可以创建出既健壮又具有...

    Foundation ActionScript3.0 with Flash CS3 and Flex

    除了教授基本知识和技术,本书还强调了性能优化和编码规范的重要性。作者分享了许多提高代码执行效率和可维护性的技巧,如内存管理、循环优化、避免过度渲染等,以及遵循良好的编码习惯,如代码重构和单元测试,确保...

    Flex开发框架

    4. **Flex Builder**: Adobe还提供了集成开发环境(IDE)——Flex Builder(现已被Adobe Flash Builder取代),它基于Eclipse平台,提供了代码编辑、调试、性能优化等众多功能,极大地提升了开发效率。 5. **Flex...

    flex 3.0 actionscript 2.0

    1. **Flex SDK**:Flex 3.0 包含了Flex编译器和Flex框架库,开发者可以使用SDK中的MXML和ActionScript来构建用户界面。它支持CSS样式表,使得UI设计更加灵活和可定制化。 2. **MXML**:MXML是一种标记语言,类似于...

    Flex与ActionScript 3程序开发

    它是Flex框架的核心部分之一,负责处理业务逻辑和控制用户交互。 2. **特点**: - **性能提升**:相比之前的版本,ActionScript 3提供了更快的执行速度和更高的内存管理效率。 - **强大的类库支持**:包括图形、...

    《Flex第一步_基于ActionScript 3.0的Flex 2应用开发

    - Flex框架基于MXML和ActionScript 3.0,两者结合使得UI设计和业务逻辑分离,提高了开发效率。 - MXML是一种标记语言,用于定义用户界面组件和布局,而ActionScript 3.0是Flex的核心编程语言,具有面向对象的特性...

    PureMVCCairngorm对Flex开源框架的优化组合

    为了更好地支持复杂的系统需求,本文旨在通过分析当前流行的Flex开源框架,并结合PureMVC的分层解耦思想,对Cairngorm框架进行优化,以提高其灵活性和适应性。 #### 二、Flex技术概述 **2.1 Flex技术简介** Flex ...

    精通flex3.0源码基于Actionscript3实现

    《精通Flex 3.0:基于ActionScript 3实现》是一本深度探索Flex 3.0框架源码的专业书籍,其核心是通过ActionScript 3这一强大的编程语言来揭示Flex开发的内在机制。这本书旨在帮助开发者提升对Flex的掌握程度,从而...

    使用Flex框架开发WebGame

    Flex框架是Adobe公司推出的一种用于构建富互联网应用程序(RIA)的技术,它主要基于ActionScript编程语言和MXML标记语言。Flex框架提供了丰富的组件库、强大的数据处理能力以及高效的图形渲染机制,使得开发者能够...

    actionscript3 Flex游戏开发之棋牌类游戏 21点游戏 源代码.rar

    在本资源中,我们主要探讨的是使用ActionScript3和Flex技术进行棋牌类游戏开发,特别是21点游戏的源代码实现。ActionScript3是Adobe Flash Professional、Flash Player以及Adobe AIR中的编程语言,它以其强大的性能...

    Foundation ActionScript 3.0 with Flash CS3 and Flex.2008.pdf

    此外,书中还深入探讨了如何在Flash CS3和Flex中应用这些知识,包括如何创建动画、处理事件、操作DOM、与服务器通信以及优化性能等方面。书中包含大量示例代码和实战项目,帮助读者将理论知识转化为实践技能。 ####...

    ActionScript3中文手册

    Flex框架是与ActionScript3紧密相关的开发工具,它提供了一套组件库和MXML标记语言,使得界面设计更加直观。MXML允许开发者以声明式方式创建UI,而ActionScript3则用于编写应用程序逻辑。通过Flex,开发者可以快速...

    Foundation ActionScript 3.0 with Flash CS3 and Flex.pdf

    4. **性能优化**:AS3提供了一些工具和技术来提高代码执行效率,比如使用局部变量、减少函数调用等。 5. **动画与图形**:利用AS3,开发者可以轻松创建复杂的动画效果和绘制自定义图形。 #### 六、Flash CS3与...

    Foundation ActionScript 3 for Flash and Flex August 2009

    3. **调试和优化**:介绍如何使用调试工具和技术提高代码质量和性能。 4. **高级动画技术**:教授高级动画技巧,如粒子系统、物理模拟等。 ### 结论 《Foundation ActionScript 3 for Flash and Flex》是一本全面...

    FLEX 3DMENU 3D菜单 + 特效

    综上所述,"Flex 3DMENU 3D菜单 + 特效"涉及的技术和概念包括Flex框架、ActionScript 3.0编程、3D库的使用、组件开发以及性能优化等,这些知识点构成了富互联网应用程序开发中的重要部分。压缩包中的"3dmenu"文件...

    Flex ActionScript 3.0交互式开发详解源码(二)

    Flex ActionScript 3.0是Adobe Flex框架中的编程语言,它是基于ActionScript 3.0的,具有更高效、类型安全的特性,适用于创建富互联网应用程序(RIA)。本资源为"Flex ActionScript 3.0交互式开发详解源码(二)",...

    FLEX和Actionscript开发FLASH 游戏

    1. **FLEX框架**:FLEX框架包括Flex SDK和Flex Builder。Flex SDK是一套开发工具,包含编译器、库和命令行工具,允许开发者使用MXML和ActionScript编写应用。MXML是一种声明式语言,用于定义UI组件和布局,与...

Global site tag (gtag.js) - Google Analytics