本文和大家重點討論一下Flex開發者需要知道的10件事，Flex是基于Flash平臺，涵蓋了支持RIA（RichInternetApplications）的開發和部署的一系列技術組合。

Flex開發者需要知道的10件事

Flex的目標是讓程序員更快更簡單地開發RIA應用。在多層式開發模型中，Flex應用屬于表現層，文章主要基于這樣的目的，介紹了每個進入Flex領域的開發者都需要掌握的基本知識與技能。

Flex是基于Flash平臺，涵蓋了支持RIA（RichInternetApplications）的開發和部署的一系列技術組合。Flex的出現，解決了程序員在開發動畫應用方面難的問題，同時其也是目前主流的RIA技術之一。

如果你了解HTML/CSS并熟悉JavaScript，但卻對ActionScript或Flex一無所知的話，那么應該花些時間學習一下面向對象編程，因為ActionScript是一門完全的面向對象編程語言，而Flex則是一個面向對象的框架。

1.再簡單的東西也是異步的

Flex是一個異步框架，因此我們絕對不能指望代碼調用后就能立刻執行。事實上，我們是無法預知方法的調用序列的。

2.搞清楚Flex組件的樣式與屬性

FlexUI組件（按鈕、菜單等等）既有屬性（通過ActionScript語言指定）也有樣式（通過Flex框架指定）。搞清楚他們之間的區別是非常重要的，因為組件的某些可視化效果可以通過屬性指定，但另一些卻只能通過樣式設定。通過屬性指定：

button.width=100;button.height=50; 

通過樣式指定：

<mx:Style>Button{color:#cc0000;textRollOverColor:#ccff00;fontFamily:TrebuchetMS;}</mx:Style><mx:Buttonidmx:Buttonid="setupB"text="ClickMe"click="onSetup()"/> 

3.Flex中的樣式與HTML中的不盡相同

可以使用標準的CSS樣式表來為Flex組件添加樣式，也可以在Flex應用中包含CSS樣式表。雖然標準CSS使用連字符（例如text-font）格式來定義樣式名稱，但是Flex使用駝峰式的命名格式（例如textFont）。這是因為連字符不能出現在XML的屬性中，所以不能用這樣的名字作為MXML標簽的屬性。當然了，如果把樣式定義在外部的CSS文件中或者Style標簽中，也可以使用連字符格式的樣式名。此外，Flex還定義了很多HTML中不存在的CSS樣式。

4.盡管看起來不同，但MXML和ActionScript本質上是一回事

在Flex中聲明的所有MXML標簽都會被Flex編譯器轉換為ActionScript代碼；當然了，也可以在MXML文件中嵌入內聯的ActionScript代碼。既可以使用MXML也可以使用ActionScript創建新組件。

5.理解Flex的Code-behind模式

雖然MXML和ActionScript本質上是一樣的，但他們各司其職。一般來說，MXML負責顯示界面，而ActionScript用來完成功能。Code-behind用于解耦MXML和ActionScript，這樣設計師可以直接修改MXML而無需閱讀代碼，程序員則可以更好地組織和重用功能。

6.理解Flex組件的生命周期

Flex通過狀態機機制定義了一套完美的生命周期模型，用于組件的創建、運行和銷毀，還定義了一些“入口”，開發者可以借此完成定制化的工作。沒有透徹理解組件的生命周期可能會導致錯誤的編程模型。

7.理解Flash運行時所使用的“跑道”模型

理解FlashPlayer的渲染和代碼執行機制非常重要的。在執行了改變界面的指令時，FlashPlayer并不是立刻把你要的內容顯示在屏幕上，它根據一定的周期來刷新屏幕，而代碼的執行則是另一回事。這和Java正好相反，Java總是等待程序主動告訴它什么時候重繪屏幕。

8.理解數據綁定與查看器（Watcher）

Flex提供了一種數據綁定機制。簡單地說，就是將一個源屬性綁定到一個目標屬性上，當源屬性發生變化時，目標屬性也會隨之變化。不僅僅可以綁定到屬性，還可以綁定到函數。甚至可以為某個屬性創建一個Watcher，當屬性變化時會獲得事件通知。

9.數據封裝與松耦合非常重要

對于Flex和AIR項目來說，代碼組織與高層結構非常重要。有些人竟然在一個文件中編寫了1000多行代碼，這導致的問題就是牽一發而動全身。

10.理解ActionScript中的弱引用與強引用

不管使用何種語言與開發環境，內存管理始終是一個重要的問題，ActionScript也不例外。如果不理解運行時環境的內存管理，那么很容易就會出現內存泄露與內存碎片問題。

【編輯推薦】

1. FlexBuilder快捷鍵使用說明
2. Flex2.0Beta1新功能出爐
3. 揭露Flex2.0的幾大誤區
4. FlexBuilder3.0與Eclipse3.4的完美結合
5. 剖析Flex DataGrid分頁控件的兩種分頁形式用法