RIA技术的分析与比较.pptxVIP

HTML5、Flex和Silverlight的分析与比较;HTML5;HTML 5草案的前身名为Web Applications 1.0，是在2004年由WHATWG提出，再于2007年获W3C接纳，并成立了新的HTML工作团队。在2008年1月22日，第一份正式草案发布。WHATWG表示该规范是目前仍在进行的工作，仍须多年的努力。 HTML5的一些规则 新特性应该基于 HTML、CSS、DOM 以及 JavaScript。 减少对外部插件的需求（比如 Flash） 更优秀的错误处理 更多取代脚本的标记 HTML5应该独立于设备 开发进程应对公众透明;HTML5距我们还有多远？;HTML5新特性 直接提供了多媒体的支持，不必再依赖于插件。新增的vedio、audio元素使得网页可以直接包含视频和音频，并提供了媒体播放的操作元素。 视频格式的支持 ;图形绘制（canvas元素） HTML5使得在网页上直接绘图成为可能 HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。 画布是一个矩形区域，可以控制其每一像素。 canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。 canvas很大程度的丰富了网页的表现力，结合WebGL可以直接在网页上呈现出绚丽的3D效果。 ;本地存储功能 HTML5 提供了两种在客户端存储数据的新方法： localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储 之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储，速度很慢而且效率也不高。 在 HTML5 中，数据不是由每个服务器请求传递的，而是只有在请求时使用数据。它使在不影响网站性能的情况下存储大量数据成为可能。 对于不同的网站，数据存储于不同的区域，并且一个网站只能访问其自身的数据。 HTML5 使用 JavaScript 来存储和访问数据。 存在安全隐患。 ;支持后台程序 Web Sockets双向信息传输，允许Web服务器实时、主动的向浏览器发送信息 拖拽操作 HTML5支持页面内的拖拽操作，也支持将本地资源拖拽到网页。 获取地理位置，此功能须得到用户许可。 新增了许多新的元素，并去除了一些老旧元素 新增了一些表单元素，及表单的验证 ;使用CSS3和JS API，HTML5设计出的页面可以轻松实现很多绚丽多彩的效果，诸如：淡入淡出、平移旋转变换、添加阴影等。 早期需要使用图片才能做出的效果现在可以直接使用代码实现，减少了流量，提高了效率。;HTML5的不足之处 安全性 WebStorage和WebSocket很容易被黑客利用 完善性 HTML5还在逐步成熟与完善中，当前阶段还存在着很多不足，像之前支持的Web SQL DataBase功能，现在W3C已决定不再支持。 兼容性 不同浏览器对HTML5的支持程度不同，要使老版本的 浏览器能够解析HTML5规范还需要设计人员给出解决方案。 开发工具支持 DW+FireBug已难以胜任;HTML5 Demo;FLEX;Flex概述 Adobe Flex是最初由Macromedia公司在2004年3月发布的，基于其专有的Macromedia Flash平台，它是涵盖了支持RIA（Rich Internet Applications）的开发和部署的一系列技术组合。 目前Macromedia公司已被Adobe公司收购，Flex的最新版本为4.5。 ;Flex和Flash的关系 Flash最初的定位是面向美术动画设计师的矢量动画设计工具，并不适合开发人员。于是Flex应运而生，Flex的目标是让程序员更快更简单的开发RIA应用。 Flex和Flash都以ActionScript作为其核心编程语言，并被编译成swf文件运行于Flashplayer虚拟机里。因此Flex也继承了Flash在表示层上先天性的美感，除了视觉上的舒适感外，还天生具备方便的矢量图形、动画和媒体处理接口。;Flex和Flash的不同之处 1.尽管都使用ActionScript,但是使用的库并不完全相同。 2.Flash偏向的是美术动画设计师人员，所以更容易发挥特效处理的优势，Flex偏向开发人员，所以容易做出具有丰富交互功能的应用程序。 3.Flash只能以ActionScript脚本的形式开发，Flex还可以使用称作mxml的标记语言来描述应用的外观和行为，mxml中可以直接嵌入ActionScript脚本。 4.由于第三点而造成的两者市场定位不同，Flex是面向企业级的网络应用程序，Flash则面向诸如平面动画