漫画app-创意文档-基于Html5的web_app

基于HTML5的Web app 摘 要：web app的发展离不开html5和互联网，web app和html5将会是是互联网的未来，web app将通过UC浏览器开放平台。本文还分析了现在的web app与native app相比，它的劣势，探讨了html5在html4基础上所增加的功能和基于html5的web app的优势。 关键词：web app  html5  UC浏览器 Web app based on html5 Abstract: with the development of web app without HTML5 and the Internet, webapp and HTML5 will be is the future of the Internet, web app through the open platform UC browser. This paper also analyzes the native app compared to web app now, its disadvantages, discusses the HTML5 increase on the basis of html3 function and HTML5 based web app advantage. Keywords: web app HTML5 UC browser 引言 现在互联网的发展正在处于一个转折点，随着3G和4G网络的大规模应用，移动互联网迅猛发展，而在这之中，移动手机应用作为主角，对于网络供应商，用户，开发商，投资商都有着重大的影响。 为了支持互联网的发展，国际 标准 excel标准偏差excel标准偏差函数exl标准差函数国标检验抽样标准表免费下载红头文件格式标准下载 组织W3C于2007年成立新的HTML工作团队，2008年发布了HTML5的第一份草案。Html5添加了许多新的语法，组合了css、JavaScript、html等技术，提供了更多的可以有效增强网络应用标准、减少浏览器对于插件的繁琐要求。所以基于html5的应用具有很好的跨平台性，能够很好地解决native app的平台割裂问题， 1.HTML5的发展史与优势 HTML5的前身身是2004年由来自 Apple、Google、Opera 等浏览器厂商成立的 WHATWG 制定的 Web Application 1.0 草案 规范 编程规范下载gsp规范下载钢格栅规范下载警徽规范下载建设厅规范下载 。其目的是为 HTML和 Web 技术提供更多解决问题的 方案 气瓶 现场处置方案 .pdf气瓶 现场处置方案 .doc见习基地管理方案.doc关于群访事件的化解方案建筑工地扬尘治理专项方案下载 以及新 API接口。 和以前的版本不同，HTML 5 并非仅仅用来表示 Web 内容，它的使命是将 Web 带入一个成熟的应用平台，在这个平台上，视频，音频，图象，动画，以及同电脑的交互都被标准化。HTML5拥有全新的，更合理的 Tag，多媒体对象将不再全部绑定在 object 或 embed Tag 中，而是视频有视频的 Tag，音频有音频的 Tag。本地数据库。这个功能将内嵌一个本地的 SQL 数据库，以加速交互式搜索，缓存以及索引功能。同时，那些离线 Web 程序也将因此获益匪浅。不需要插件的富动画。Canvas 对象将给浏览器带来直接在上面绘制矢量图的能力，这意味着我们可以脱离 Flash 和 Silverlight，直接在浏览器中显示图形或动画。一些最新的浏览器，除了 IE，已经开始支持 Canvas。浏览器中的真正程序。将提供 API 实现浏览器内的编辑，拖放，以及各种图形用户界面的能力。内容修饰 Tag 将被剔除，而使用 CSS。 HTML5应用技术指面向HTML5应用开发的主要关键技术，包括Offline Application技术、Sever-sent Events技术、Websocket技术、Web  Workers技术、HTML5视频和音频技术以及Device API技术[1]。下文将对上述关键技术进行简单的介绍与分析。 1)  Offline Application，即离线应用。在开发支持离线的Web应用程序时，要使用以下三个方面的功能。 ①离线资源缓存。需要一种方式来指明应用程序离线工作时所需的资源文件。这样，浏览器才能在在线状态时，把这些文件缓存到本地。此后，当用户离线访问应用程序时，这些资源文件会自动加载，从而让用户正常使用。HTML5中，通过Cache Manifest文件指明需要缓存的资源，并支持自动和手动两种缓存更新方式。 ②在线状态检测。开发者需要知道浏览器是否在线，这样才能够针对在线或离线的状态，做出对应的处理。在HTML5中，提供了两种检测当前网络是否在线 的方式。 ③本地数据存储。离线时需要把数据存储到本地，以便在线时同步到服务器上。为了满足不同的存储需求，HTML5提供了DOM Storage和Web SQL Database两种存储机制。在应用中可以考虑将用户的一些数据存储在本地，供离线模式下应用。 2)  Sever-sent  Events，即服务器推送技术。客户端使用EventSource对象实现。服务端也有相应的要求，表现在如下两方面：一是要求网页的MIME类型为 text/event-stream，这个MIME类型定义了事件框架格式，二是text/event-stream有一定的格式。主要内容是根据需要在应用中向用户推送 通知 关于发布提成方案的通知关于xx通知关于成立公司筹建组的通知关于红头文件的使用公开通知关于计发全勤奖的通知 等信息。 3) Websocket，也叫套接字技术[4]正常情况下，浏览器访问Web页面时，一般会向页面所在的Web服务器发送一个HTTP请求；Web服务器识别请求，然后返回响应。大多数情况下，当内容呈现在浏览器页面上时，可能已经没有时效性。如果用户想要获得最新的实时信息，就需要不断地手动刷新页面，这显然不是一个明智的做法。目前实时Web应用的实现方式，大部分是围绕轮询和其他服务器端推送技术展开的，包括轮询、长连接、流解决等方案。 4) Web Workers技术[5]可以让一部分JavaScript程序代码运行在客户端操作系统的线程中，而非浏览器的线程中，从而可以实现多线程。Web WorkersJavaScript代码执行复杂运算的过程中起到优化效果。每一个运行在客户端操作系统线程中(非浏览器线程)的JavaScript程序代码被称为一个Worker，分为专职Worker和共享Worker两种。 5) HTML5视频和音频。在HTML5网页中不再需要插件播放音频或视频多媒体文件，只需要加入video和audio标签并使用JavaScript代码开发操作面板，即可实现在网页灵活播放多媒体，同时可以结合Canvas技术增加对多媒体文件的效果与控制操作。 图1是HTML5新特性的展示图 图1 2.Web app的发展 Web app 实际上就是 Web Application，指利用 Web 技术，配合 Web 浏览器，跨越网络实现一个或多个任务的 Web 应用程序。通过 Web 浏览器，由 Web 技术实现出来的 Web App 有别于传统的网站，它具有更丰富的交互体验，使得 Web App 看上去更像是 Native App,而且web app的开发难度较之native app大幅降低，易用性更高。 现在的web app仍然存在着许多问题。1.由于Web App的开发几乎完全构建在Webview的基础之上，因此在Webview上对事件的处理以及响应的能力就直接决定了用户的体验。在这里有两方面的性能，一个性能是对事件响应的速度。在Web上控件的响应速度比原生的控件响应速度要慢；另外一个是直接在渲染和执行速度上面的速度。2.分辨率的问题和适配的问题。和Native App的开发方式一样，不同的分辨率，横竖屏切换，以及对于不同机型的识别，甚至与对不同的web 浏览器内核的适配，同样存在一样的问题。同样需要比较多的调试和适配的工作。3.跨平台问题。Web App和Native App另一个不同在于访问硬件资源上的不同。由于受限于浏览器的功能，有很多的硬件资源不能直接访问3.离线的问题。和Native App相比，可能这是最应突破的一件事情。一是这是一个0或者1的问题，实质上是突破了原有的Web开发的限制，二是界面和逻辑数据的分离。对于Web的页面来说，这可以认为是界面，中间涉及到分离的js, css文件以及没有更新的img等静态元素的缓存问题，同时也存在把动态数据元素（比如某个控件里的状态，比如离线邮件中的邮件信息）缓存以及载入的问题。这需要重新建立起一套解决方案来实现。以上问题都说明，现在的web app正处于比较早的原始阶段。 图2是简单的Web app前后台交互 图2 3.HTML5助力web app 在HTML5出现之前，web app有许多缺点，例如服务器端的开发工作量大，逻辑复杂；需要在更多设备上进行测试；前端技术还未标准化；难使用设备的特性（传感器、GPS定位、本地文件系统等）等[3]。但是HTML5的出现，给web app的发展带来了极大的转机。从web app的技术体系来讲，它的技术体系包括图形图像、多媒体、设备适配、表单、用户交互、数据存储、个人信息管理、传感器和硬件集成、网络 协议 离婚协议模板下载合伙人协议 下载渠道分销协议免费下载敬业协议下载授课协议下载 、通讯与发现、封装、性能与优化。在图形图像技术范畴里，背景、圆角、阴影、动画、SVG 等一系列技术[2]。根据图1中的HTML新增功能中，不难看出web app的技术体系有赖与HTML5标准。有了HTML5助力的web app将摆脱它原来的诸多缺点。 4.对于基于HTML5的web app的未来展望 第一、Web app的发展优势 Web app与native app一直处于竞争状态，而web app一直落于下风。但是在html5标准推出之后，业界人士多认为web app的发展将成主流。原因可以大致的分为以下几点： 1. 从商业的角度来看，因为开发成本的原因，会推动Web Apps会赢得更多项目的订单，从而会推动更多的开发者和更多的Web Apps项目出现。 2. 从技术的角度来看，HTML 5的标准推动以及硬件的处理能力会使得Web Apps有能力实现类似Native Apps的功能。 3. 从历史的角度来看，移动互联网上会复制PC互联网上所曾经发生的事情，而今PC上基于Web的开发远胜于传统的Native App开发。