1 / 22

Flex 介绍

Flex 介绍. Agenda. 客户端技术 什么是 Flex Flex 的历史 开发语言,工具 Flex 原理 Pros & Cons 学习资源. C/S. Pros : 响应快 Cons : 部署困难 升级困难 安全问题(端口). 带宽加大 客户端性能提高 对用户体验的要求增加. 客户端技术. 对部署能力的需求. SOA/RIA. Rich Internet Application 可以看做是基于 web 的 C/S 架构 Pros : 用户体验好. B/S. Pros : 容易部署 Cons :

elmo-conrad
Télécharger la présentation

Flex 介绍

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Flex介绍

  2. Agenda • 客户端技术 • 什么是Flex • Flex的历史 • 开发语言,工具 • Flex原理 • Pros & Cons • 学习资源

  3. C/S • Pros: • 响应快 • Cons: • 部署困难 • 升级困难 • 安全问题(端口) • 带宽加大 • 客户端性能提高 • 对用户体验的要求增加 客户端技术 • 对部署能力的需求 SOA/RIA • Rich Internet Application • 可以看做是基于web的C/S架构 • Pros: • 用户体验好 B/S • Pros: • 容易部署 • Cons: • 浏览器混杂 • 用户体验差 • 服务器压力大 • 客户端计算资源浪费

  4. 客户端技术 Internet 开发模式正在从B/S到C/S回归 浏览器和各种运行时都将发展为虚拟机

  5. 客户端技术 Mozilla XUL OpenLaszlo HTML5 Silverlight JavaFX AJAX Flash/Flex Rich Client

  6. 什么是Flex -- Flash for Developer • Flex 基于Flash • Flex是为程序员设计的Flash • Flex的开发语言:ActionScript、MXML、CSS。 • 可以把Flex当作Flash • Flash:专注平面动画、广告设计、多媒体处理 • Flex: 一种RIA解决方案,针对企业级网络应用。

  7. 什么是Flex

  8. Flex 的历史 • 2004 Macromedia Flex1.0、Flex1.5。(Flash 5 ) • 2005 AdobeFlex 2.0、Flex 2.0.1(Flash MX 2004) • 2007 Flex 3.0 • 2009.6.1 Flex 4 SDK beta • 2010.3.22 Flex 4 正式版发布

  9. 开发语言- ActionScript • 符合 ECMAScript 3 • 面向对象 • 强类型 • 支持包,名称空间 • 支持Socket • 语法上类似JavaScript,Java,C#的杂合 • 不允许重载 • 单线程(除非存取网络) • 数据服务:xml、JSON 、AMF

  10. 开发语言-MXML • Flex markup language • 基于XML的界面描述语言

  11. 开发工具 • Flex 3 SDK Mozilla Public License • Flex Builder –收费 • 很多菜单被省掉了 • 没有代码格式化(第三方插件) • Search 功能有bug.

  12. Flex的原理 MXML Action Script SWF Mxml是flex的标记语言,用来描述界面,同Html非常相似,而且mxml更加规范化和标准化。 Mxml最终会被编译器解析为Action Script,然后生成flash的swf文件。 说白了,我们写的代码最终会编译成flash。 Mxml使用 Flex Sdk进行编译。

  13. Flex VS. Ajax

  14. Pros • 很好的用户体验 • 跨浏览器,跨平台 • 开发者角度 • 易学 • 免费/开源 • 丰富的组件库 • 对多媒体的广泛支持( 76%的视频文件在使用Flash技术构建 如youtube) • 设计师(Flash)、开发人员(Flex)通过ActionScript可以更有效的合作。 • Adobe官方数据,99%的电脑都装有FlashPlayer。

  15. Cons • 对搜索引擎不友好 • 目前产生文件较大(相对于Flash) • Flex Builder收费 • 与HTML交互麻烦-竞争关系 • 不支持多线程

  16. 学习资源-libs • 控件库:FlexLib • 测试库:FlexUnit 、ASUnit • MVC框架:pureMVC、Cairngorm、Mate • 3D引擎 - Papervision3D等 • 物理 引擎- APE (Actionscript Physics Engine)

  17. 例子-Flex窗口组件

  18. 例子-动画效果

  19. 例子-物理建模动画

  20. 例子-3D效果

  21. 问题 • 不支持泛型,如: • public varsolution:Array = new Array(); //解 • if (solution[3].storeID?== ri.storeID) • 无法判断这个属性

  22. Thanks

More Related