HTML移动WebAPP开发及原生移动APP开发谁与争锋.docVIP

HTML移动Web APP开发及原生移动APP开发， 谁与争锋？ 互联网高速发展的时代，人们都在感叹，一切都在被数字化、信息化。而今天，一切都变成了移动化，我们也步入了一个新的时代—移动互联网。智能手机的高度普及带动了移动互联网的飞速发展，使得原本基于互联网的信息和服务都变成了“在路上”。伴随着移动互联网的发展，移动APP渐渐的被人们熟知。层出不穷的各种APP让我们惊喜，而我们的生活也正逐渐被这些APP改变着。QQ改变了我们的聊天方式，淘宝改变了我们的购物方式，滴滴改变了我们的出行方式等等。我们越来越离不开这些APP，移动APP已经融入到我们的生活。作为程序猿，我们都知道一直以来移动APP的开发主要分为iOS和Android两大主流平台的原生APP开发，两者既相辅相成，又水火不容。伴随着HTML5的到来，似乎改变了这一现状，移动Web APP开发频频的出现在我们的面前，大有统一天下的趋势。 先来理解一下什么是原生APP开发和HTML5移动Web APP开发。 对于做移动APP的程序猿来说这个问题很简单，开发iOS手机APP的程序猿说，我现在使用Objective-C开发的应用就是原生APP开发；而做Android手机APP开发的程序猿说，我现在用Java开发的应用也是原生APP开发，不错，这些都是原生APP开发。其实原生APP开发就是我们常说的传统APP开发模式，该开发针对IOS、Android、Windows等不同的手机操作系统要采用不同的语言和框架进行开发，该模式通常是由“云服务器数据+APP应用客户端”两部份构成，APP应用所有的UI元素、数据内容、逻辑框架均安装在手机终端上。 对于前段开发攻城狮而言，回答这个问题也不难，其中一位程序猿说，我们公司使用HTML5+CSS+JavaScript开发的微商城马上就要上线了，对的，这就是HTML5移动APP开发。HTML5移动Web APP开发即是一种框架型APP开发模式（HTML5 APP 框架开发模式），该开发具有跨平台的优势，该模式通常由“HTML5云网站+APP应用客户端”两部份构成，APP应用客户端只需安装应用的框架部份，而应用的数据则是每次打开APP的时候，去云端取数据呈现给手机用户。 这里我们应该注意到一个词，HTML5移动Web APP开发“具有跨平台的优势”。在移动APP开发领域，一直以来我们使用的都是原生移动应用的开发，但是由于原生移动应用针对不同的手机操作系统对应不同的开发语言，那么这样就要大量的人力、物力、及时间上的投资，这样一来势必会增加应用的成本。HTML5的出现，使得我们可以去开发跨平台的移动App，这样一来不仅节约成本，而且也节约了大量的时间。其实，这就是让之前只有多个人才可以做成的事情交给一个人去做，这样一来就保成了开发的高度统一，后期维护、升级会更加方便。众所周知，HTML5给前段开发带来了很多的新特性，也有很多适合移动应用开发的特性。 HTML5时代，有很多适合移动Web APP开发的特性。手机中常用的离线缓存功能，我们都知道QQ聊天时，可以在本地缓存聊天记录，即使是离线状态也能够查看聊天记录。HTML5的Web Storage API可以看做是加强版的cookie，不受数据大小限制，有更好的弹性以及架构，可以将数据写入到本机的ROM中，还可以在关闭浏览器后再次打开时恢复数据，以减少网络流量。这样一来实现本地存储就像原生移动应用一样的方便，当然在HTML5时代即时通讯也不再是梦想，都可以轻松的实现。音频、视频的使用离不开我们每天的生活，而原生开发方式对于文字和音视频混排的多媒体内容处理相对麻烦，需要拆分开文字、图片、音频、视频，解析对应的URL并分别用不同的方式处理。HTML5在这个方面完全不受限制，可以完全放在一起进行处理。比如新闻类、微博类、社交类应用的信息呈现中实现文字与多媒体混排，而不用专门嵌入webview，将是一件多美好的事情。 HTML5的地理定位和Canvas绘图也为移动Web APP开发增加不少的方便。充分发挥移动设备对定位上的优势，综合使用GPS、WiFi、手机等方式让定位更为精准、灵活。地理位置定位，让定位和导航不再专属导航软件，地图也不用下载非常大的地图包，可以通过缓存来解决，到哪儿下哪儿，更灵活。Canvas API可以简单绘制热点图收集用户体验资料，支持图片的移动、旋转、缩放等常规编辑，使得我们对图片的操作更加方便。HTML5丰富的交互方式，提升了互动能力，比如拖拽、撤销历史操作、文本选择等。动画方面，Transition支持组件的移动效果，Transform支持组件的变形效果，Animation支持将移动和变形加入动画等等。 HTML5个给我们带来的不仅是技术上的改变，在使用方式上也有很多不同的地方。我们