【转】移动前端工作的那些事---前言篇

首先感谢原作者：webApp赵海洋

附上文章原地址：移动前端工作的那些事---前言篇 

 

在写内容前，有必要先讨论一下什么是HTML5？什么是app？什么是webapp？
一、什么是HTML5？
这个问题很多朋友和客户都问过我，在这里先简要说明一些关于它的官方的一些定义。
HTML5是继HTML4.01,XHTML 1.0和DOM2 HTML后的又一个重要版本，旨在消除富Internet程序对FLASH、Silverlight、JavaFX一类浏览器插件的依赖。

HTML5是HTML下一个主要的修订版本，目前它现在仍处于发展的阶段。它的目标是取代1999年所制定的HTML 4.01和XHTML 1.0 标准（目前主流的大部分网站还是在采用HTML 4.01和XHTML 1.0），以期能在互联网应用迅速发展的时候，使网络标准达到符合当代的网络需求。

HTML5添加了许多新的语法特征，其中包括<video>, <audio>和<canvas>元素。这些元素是为了更容易的在网页中添加和处理多媒体和图片内容而添加的。其它新的元素包括<section>, <article>, <header>和<nav>,是为了丰富文档的数据内容。这些新的属性的添加其实也都是为了同样的目的。
以上的HTML5的部分介绍个人认为主要是从互联网前端的角度来进行阐述的。大家如果想更详细了解互联网前端关于HTML5的介绍，可以百度之，这里就不列举了。下面说说关于HTML5在移动端方面的简单介绍；

随着苹果公司iPhone、iPad等移动设备产品在全球热卖的影响力之下，移动终端对HTML5的技术上的需求日益明显（iPhone不支持FLASH）。在今天这个移动设备的广泛使用的情况下，许多的移动平台上都可以良好运行的HTML5。

　　这让许多开发者得出了结论：他们需要把注意力集中在特定的移动平台上——例如iPhone，WP7或Android。而其他人开始意识到有许多开发工具可以让他们利用现有的技能——不管是HTML，CSS和JavaScript，还是像JAVA或.NET那样的现行的编程语言，即可利用上述技术完成各大手机平台的页面功能开发。这个是HTML5在移动端的最终目的。同时也衍生了一个新的名称：WebApp.在介绍WebApp之前有必要介绍一下什么是APP。

二、什么是APP？
APP全称的应该是Mobile Native App即移动端本地应用程序。APP官方的定义这里就不赘述了。APP说的简单一点就是指使用手机官方提供的SDK和开发语言开发的手机客户端软件，它能够很好的使用手机提供的一些接口来操作手机的软硬件资源。说的通俗一点。就是咱们所说的客户端软件。

它的优点是运行速度快。效果绚丽，可以调用手机的许多功能。不存在跨平台兼容性问题。因为每个APP都有对应的手机系统版本。同时，它的缺点也有不少。例如，需要去appstroe下载安装包。开发成本较高。更新较麻烦。要开发多个平台的安装程序等等。

三、什么是WebApp?

综上所述，APP有其优点和缺点，那么能否找到一种新的方式来弥补APP的一些缺点呢？答案是肯定的。
随着HTML5、css3的流行和Webkit（浏览器的渲染引擎）对HTML5和css3的较好支持，很多人开始使用HTML5和css3来制作Mobile app。使用Web方式制作mobile app最大的好处是，客户端无需更新，并且数据显示很多手机用户不是经常更新他的app程序，同时相对于native app，Web方式修改app的界面的成本更低一些。所以说，对于对界面的灵活性有较高要求的app，比较倾向于用Web方式实现mobile app。

Android和iOS都提供了Webview的控件，这个控件实质是一个Webkit浏览器内核，用于解析html、css3、js代码。所以，native app可以调用Webview空间来展示我们的Web页面。同时，由于对css3的较好支持，native app那种绚丽的界面就可以用html+css3+js较好的实现出来，达到逼真的native app的效果。即减少了开发成本，又兼容IOS和android等手机系统。不用单开发不同系统版本，同时更新起来容易，无须下载安装包，只要更新后台数据打开手机浏览器刷新网页即可。用web的形式来代替native app。这就是WebApp。说通俗易懂的话就是用网页的形式来代替手机的本地应用程序的方式来展现某种需求。

以上就是移动前端工作的那些事---前言篇的开场白。之后会开始介绍第一部分：移动前端工作的那些事---UE/UI架构原型搭建和前端设计。

 

首先感谢原作者：webApp赵海洋

附上文章原地址：移动前端工作的那些事---前言篇