html5app案例_原创精品文档.pdf

html5app案例

html5app案例

【篇一：html5app案例】

html5技术为开发者提供了一个跨平台的移动apps开发方案，并且

该方案具有很好的扩展性和灵活性。

如今国内使用html5开发app应用技术尚有欠缺，因为在手机开发

app上，html5应用只有两种方法，要不就是全使用html5的语法，

要不就是仅使用java引擎。

java引擎的构建方法让制作手机网页游戏成为可能。

由于界面层很复杂，已预订了一个ui工具包去使用。

纯html5手机应用运行缓慢并错漏百出，但优化后的效果会好转。尽

管不是很多人愿意去做这样的优化，但依然可以去尝试。

html5手机应用的最大优势就是可以在网页上直接调试和修改。原生

应用的开发人员

可能需要花费非常大的力气才能达到html5的效果，不断地重复编码、

调试和运行，这是

首先得解决的一个问题。

即使这样，好运互联还是很看好html5app开发，原因有一下几点。

一：现在html5非常火的技术，主要方向在使用高端浏览器的高端移

动设备，所以可以用作开发android系统的app。

二：html5对android、ios系统都支持。

三：html5可以用作离线应用的开发，离线应用就是把需要的资源先

缓存到本地，下次再查看时无需联网。

四：html5开发app，能提供更快、更简便的服务，代码可高度重用，

服务发布方便。

五：动画、游戏方面，地理定位方面的app应用正在崛，而html5

技术优势正是这在些方面。

可以说，未来采用html5开发app的，将会大量减少代码量，应用软

件也会得到更高的用户体验。

webapp的实现基础就是html5+js+css3.但是webapp还是基于浏

览器的微网站开发。

正式如此，我们必须要深入的了解html5的8大特性，这样才能方便

我们在开发和设计app的时候，更合理的采用原生app与webapp

的相结合。

而app里面最重要的一个分享功能，分享出去的必须是网页形式的。

所以，html5必须学会。

为什么说html5适合进行移动webapp开发？

第一特性：离线缓存

html5webstorageapi可以看做是加强版的cookie，不受数据大小

限制，有更好的弹性以及架构，可以将数据写入到本机的rom中，还

可以在关闭浏览器后再次打开时恢复数据，以减少网络流量。

webstorage是html5引入的一个非常重要的功能，可以在客户端本

地存储数据，类似html4的cookie，但可实现功能要比cookie强大

的多，cookie大小被限制在4kb，webstorage官方建议为每个网站

5mb。

webstorage又分为两种：sessionstorage和localstorage

从字面意思就可以很清楚的看出来，sessionstorage将数据保存在

session中，浏览器关闭也就没了；而localstorage