APP和HTML5有啥区别?

html-css08

APP和HTML5有啥区别?,第1张

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)按顺序 异步加载

我们口中常说的开发APP都是使用编程语言开发的APP,有前后端,有代码。是需要付出大量的时间和金钱的,还需要人工维护,市场上开发一个APP的价格,根据功能不同,价格相差很大,有些模板开发可能几千块就搞定了,有些源码开发十几万。

而网站封装打包的APP其实只是给网站套一个APP的壳子,它本质还是网站,这个封装出来的APP本身是没有后台的,只有网站后台,它可以像普通APP一样安装在手机上,但打开之后是网页。

很多不想花精力开发APP的企业通常会选择使用网站封装“快速开发”一个APP,因为这样非常简单,很多开发者服务平台在这方面都提供免费服务的,自己操作一分钟不到就搞定了。

登录亥著开发者中心,大家可以用自己的手机号注册账号。

点击“封装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控件。