写点什么

Flex 开发者需要知道的 10 件事

  • 2010-02-18
  • 本文字数:1606 字

    阅读完需:约 5 分钟

不久前, Michael Portuesi 发表了一篇博文,谈到了Flex 开发者需要知道的10 件事。文章介绍了每个进入Flex 领域的开发者都需要掌握的基本知识与技能。

Michael Portuesi 给出的 10 个条目中,有些是开发者需要了解的简单细节信息;有些则揭示了 Flash/ActionScript/Flex 与其他开发环境之间的差别。

如果你了解 HTML/CSS 并熟悉 JavaScript,但却对 ActionScript 或 Flex 一无所知的话,那么应该花些时间学习一下面向对象编程,因为 ActionScript 是一门完全的面向对象编程语言,而 Flex 则是一个面向对象的框架。

1. 再简单的东西也是异步的

Flex 是一个异步框架,因此我们绝对不能指望代码调用后就能立刻执行。事实上,我们是无法预知方法的调用序列的。

2. 搞清楚 Flex 组件的样式与属性

Flex UI 组件(按钮、菜单等等)既有属性(通过 ActionScript 语言指定)也有样式(通过 Flex 框架指定)。搞清楚他们之间的区别是非常重要的,因为组件的某些可视化效果可以通过属性指定,但另一些却只能通过样式设定。通过属性指定:

复制代码
button.width = 100;
button.height = 50;

通过样式指定:

复制代码
<mx:Style>
Button {
color: #cc0000;
textRollOverColor: #ccff00;
fontFamily: Trebuchet MS;
}
</mx:Style>
<mx:Button id="setupB" text="Click Me" 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 运行时所使用的“跑道”模型

理解 Flash Player 的渲染和代码执行机制非常重要的。在执行了改变界面的指令时,Flash Player 并不是立刻把你要的内容显示在屏幕上,它根据一定的周期来刷新屏幕,而代码的执行则是另一回事。这和 Java 正好相反,Java 总是等待程序主动告诉它什么时候重绘屏幕。

8. 理解数据绑定与查看器(Watcher)

Flex 提供了一种数据绑定机制。简单地说,就是将一个源属性绑定到一个目标属性上,当源属性发生变化时,目标属性也会随之变化。不仅仅可以绑定到属性,还可以绑定到函数。甚至可以为某个属性创建一个 Watcher,当属性变化时会获得事件通知。

9. 数据封装与松耦合非常重要

对于 Flex 和 AIR 项目来说,代码组织与高层结构非常重要。有些人竟然在一个文件中编写了 1000 多行代码,这导致的问题就是牵一发而动全身。

10. 理解 ActionScript 中的弱引用与强引用

不管使用何种语言与开发环境,内存管理始终是一个重要的问题,ActionScript 也不例外。如果不理解运行时环境的内存管理,那么很容易就会出现内存泄露与内存碎片问题。请阅读这篇博文文章来深入了解 ActionScript 的垃圾收集机制。

2010-02-18 01:259054
用户头像

发布了 88 篇内容, 共 262.3 次阅读, 收获喜欢 8 次。

关注

评论

发布
暂无评论
发现更多内容

阿里巴巴架构师十年整理出的JavaSpringBoot核心文档,真是太全了

Java 架构 面试 程序人生 编程语言

互斥锁、自旋锁、读写锁...理清它们的区别和应用

行云创新

云计算 编程 开发 应用

不得不聊一聊英语爱好者的单词杂货铺了

小匚

随笔杂谈 生活记录 英语 大学英语四六级 单词

图谱相关技术在风控反作弊中的应用和探索

百度Geek说

后端 软件架构

搞不懂云原生

二哥不再迷茫

华为云带你探秘Xtrabackup备份原理和常见问题分析

华为云数据库小助手

GaussDB 华为云数据库 MySQL 数据库 GaussDB(for MySQL)

浪潮云洲荣获两项工业自动化及数字化行业年度大奖 inspur浪潮云 昨天

云计算

AlibabaP9力荐!最新出品1297页JDK源码+并发核心原理解析小册

Java 架构 面试 程序人生 编程语言

快手、知乎等平台严厉打击“病媛”炒作行为:自媒体行业不能被流量裹挟

石头IT视角

智能网联汽车行业信息安全现状与威胁

SOA开发者

目睹阿里技术官写的Tomcat架构笔记后,瞬间觉得自己是渣渣

Java 架构 面试 程序人生 编程语言

金九银十不要怕!有了腾讯这本2021年最新Java面试手册,offer手到擒来!

Java 程序员 架构 面试 后端

重磅来袭,虚拟化技术分类

hanaper

使用 grpcurl 通过命令行访问 gRPC 服务

AlwaysBeta

golang gRPC

四面字节跳动(高级开发岗):分布式+中间件+TCP+JVM+Hashmap

Java 编程 架构 面试 计算机

如何做一场有趣又高效的迭代回顾会议?

万事ONES

Scrum 敏捷 回顾会

史上最全Java高频面试合集,命中率高达95%

Java 程序员 架构 面试 后端

拥抱开源,共建生态 - 开源生态与效能提升专场 | CIF 精彩看点

CODING DevOps

DevOps 研发效能 腾讯云 CIF 峰会 开源生态

行云创新:云原生技术助力企业数字化转型

行云创新

技术 云原生 转型 数字化 平台

艾瑞发布《2021年中国企业级 SaaS 行业研究报告》,ONES 入选典型厂商案例

万事ONES

项目管理 SaaS 协同办公

智能大数据专场,百度智能云带来智能大数据产品架构全景图

百度大脑

人工智能 大数据

超十年渗透专家总结出636页渗透测试全笔记,100课时一次讲清

Java 架构 面试 程序人生 编程语言

音视频终端引擎优化实践

百度开发者中心

最佳实践 音视频 实践案例 智能视频 行业深度

掘金热榜第一!阿里P8用近十个月整理出来999页Java岗核心笔记限时开源!

Java 架构 面试 程序人生 编程语言

用Python绘制专业的K线图【含源代码】

恒生LIGHT云社区

【新品尝鲜】OCR磅单识别上线邀测,为货运物流提速增效

百度大脑

人工智能 OCR

东软熙康、百度、京东方,互联网医院的三个典型样本

海比研究院

从工具、工具箱到数字化软件工厂——DevOps 设计理念与工程实践专场 | CIF 精彩看点

CODING DevOps

DevOps 数字化 研发工具 腾讯云 CIF 峰会

提高工作效率的三种方法

石云升

团队管理 管理 引航计划 内容合集 9月日更

手把手教你使用Studio Lite + Digtal car!助力智能汽车场景、轻应用开发更轻松!

SOA开发者

如何让文件共享 SDK 支持使用 Uri 上传文件

ZEGO即构

文件存储 分区存储 文件共享

Flex开发者需要知道的10件事_Java_张龙_InfoQ精选文章