appuihtml5,apphtml5源码

APP和HTML5有啥区别？

APP和HTML5有啥区别：

1.html5的app比较轻巧，原生态app如比较正规，html5实现的功能有限，只能实现一些轻型的交互场景，而app则可以完美解决。

2.html5虽然可以跨平台，可是浏览器有个加载速度，对于用户体验上说，有个加载的等待，就比如你用qq浏览器打开百度，和直接使用百度app是两种体验。浏览器打开百度，还得有个加载，而百度app则duang的出下了输入框界面。

3.html5的app对于导航来说，目前有个弊端。而原生态app则在页底固定悬浮着导航菜单。

4.html5 app也有自己的优势，比如有的app页面想要分享出来，则采用html5 app。也比如滴滴打车集成在微信里一样，如果手机中没有滴滴打车的app，则直接可以在默认浏览器上加载出来，进行打车。

html5 app在设计时需要注意的一些要点：

1）各手机浏览器的兼容测试

2）底层服务的调取（能调取，但只有当其是核心功能时才保留 eg：新浪、美团等皆去掉了头像上传功能）

3）注意离线数据存储，减少数据请求频率。

4）考虑保存用户的哪些数据：设置、个人数据、阅读锚点、跳出页面等。【这点一般说的就是导航菜单】

5）避免动效与浏览器的交互冲突

6）按顺序 异步加载

相关问答

Q1: 移动APP和HTML5的区别是什么

想了解他们之间的区别，先看一下各自的简单定义吧。

app:主要是指application（应用程序）

HTML是hypertext markup language（超文本标记语言）

主要区别有

1.应用环境：

   手机原生app面前比较流行环境是Android和IOS两个版本。

HTML5主要是在浏览器中进行运行和渲染，其实浏览器是App的一种。

2.相关编程语言：

 移动APP的编程语言一般是：c#,Java, c,vb 等...

 HTML5的编程语言则是：html5,css3,javascript,php/jsp/asp 等...

3.开发成本和周期：

 移动APP相对来说开发成本比较高，周期也比较长。html主要应用于前端web开发，开发制作周期短，费用少。

4.兼容性

 手机app在不同的系统中需要开发不同版本（例如前面所说的Android和IOS），而html5可以跨平台主要有浏览器就可以运行。

5.用户体验。执行效率，显示效果，可以调用的系统权限都是不一样的。

在用户体验和表现这个方面 APP提供用户展示图形界面和数据展现的丰富性方面要比HTML5好。而且调用的系统权限APP相对权限要高。

总结：html5和app各有自己优势和不足，需求者应该根据各自的特点来选择合适的语言。

Q2: Ios,android和html5以及Ui，学哪个更有前途

就目前现状来看，HTML5更有前途些。

HTML5 是一个新的web标准的集合，也是一门比较新的技术。

他完全可以实现类似于智能手机APP端的应用。只是在国内，受到网速，以及智能设备性能等原因的限制，HTML5 Web应用还处于萌芽发展阶段。

相比于手机上下载的APP端，更多的优势是带给开发人员的，开发HTML5 web app 具有开发快速，极强的跨平台性能等特点，可以实现一次开发，多个手机平台同时适用。

而且，HTML5应用大大节省了企业开发成本。

而经过几年的发展，Ios和android已经逐渐趋于饱和。

UI前途也不错，但更偏向于设计方面，如果你有设计天赋的话，UI也是不错的选择哦。

Q3: html5 app开发框架有哪些

①：PhoneGap

PhoneGap 恐怕是最老的一个框架了，相信很多人都已经听说过甚至使用过它，但是PhoneGap是基于开源的cordova 商业版本。

②：Ionic

IONIC 是目前最有潜力的一款HTML5手机应用开发框架。通过SASS构建应用程序，它提供了很多UI组件来帮助开发者开发强大的应用。它使用 JavaScript MVVM框架和 AngularJS来增强应用。提供数据的双向绑定，使用它成为Web和移动开发者的共同选择。

③：Mobile Angular UI

Mobile Angular UI是使用 bootstrap 3 和 AngularJS 的响应式移动开发HTML5框架。

Mobile Angular UI的关键字有：

Bootstrap 3

AngularJS

Bootstrap 3 Mobile组件，比如switches, overlays和sidebars，这些都是bootstrap中没有的。

AngularJS modules， 比如 angular-route, angular-touch 和 angular-animate

响应式媒体查询是将bootstrap作为单独的文件，你只需要包含你所需要的东西。Mobile Angular UIu并不包含任何jQuery依赖，你需要做的只是通过一些AngularJS指令创建友好的用户体验。

④：Intel XDK

Intel XDK 是Inter开发的一款跨平台开发工具，我们可以很容易的通过Intel XDK开发应用，你需要做的只是下载他们的应用开发工具 ，有Linux、Windows和Mac版，它还提供了很多个开发框架，比如Twitter bootstrap, jQuery Mobile 和 Topcoat.

⑤：Appcelerator Titanium

 Appcelerator’s Titanium 不同于其它框架的是，它是一个开源的框架。

 Titanium是混合式移动应用开发的一站式解决方案，你只需要下载 Titanium studio就可以解决所有的事情，Titanium SDK包含了很多手机平台的APIs和后端云服务。

 Titanium使用 Alloy，Alloy是一个快速开发的手机应用MVC框架， 模块式开发可以大大减小开发时间，提高代码复用。

⑥：Sencha Touch

Sencha Touch 同样也是HTML5手机应用跨平台开发框架，运行iOS/Android/Blackberry。它已经诞生很多年了，现在已经成为很常用的混合式编程开发框架。

Sencha Touch可以让你的Web App看起来像Native App。美丽的用户界面组件和丰富的数据管理，全部基于最新的HTML5和CSS3的 WEB标准，全面兼容Android和Apple iOS设备。

⑦：Kendo UI

Telerik’s Kendo UI 是一个强大的框架用于快速HTML5 UI开发。基于最新的HTML5、CSS3和JavaScript标准。

Kendo UI包含了开发现代JavaScript开发所需要的所有一切，包括：强大的数据源，通用的拖拉（Drag-and-Drop）功能，模板，和UI控件。