189 8069 5689
常用的移动APP开发框架:
10多年的常山网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。成都全网营销的优势是能够根据用户设备显示端的尺寸不同，自动调整常山建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。创新互联建站从事“常山网站设计”,“常山网站推广”以来，每个客户项目都认真落实执行。
框架：PhoneGap
PhoneGap是一个用基于HTML，CSS和JavaScript的，创建移动跨平台移动应用程序的快速开发平台。
优点：
可跨平台。phonegap框架帮我们解决了差异性，javascript与平台系统的连接由phonegap框架完成。
提供硬件访问控制。可调用加速计、摄像头、罗盘、通讯录、文档、地理定位、媒体、网络、通知。
可利用成熟javascript框架。如：Ext js、jQuery。
缺点：
性能差。运行速度慢，UI反应延时。
不能完全跨平台。不同平台代码需要微调。
内存消耗，调试难度大。
框架：Ionic
Ionic 是一个强大的 HTML5 应用程序开发框架， Ionic 主要关注外观和体验，以及应用程序的 UI 交互，特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。 Ionic 是一个轻量的手机 UI 库，具有速度快，界面现代化、美观等特点。
优点：
轻量级框架，运行速度快。
于 Angularjs，支持 Angularjs的特性， MVC ，代码易维护。
通过 SASS 构建应用程序，接近原生。
缺点：
Ionic是一个前段框架。不能完全取代PhoneGap和JavaScript框架的作用。
需要结合插件使用。
框架：Hbuilder（国产）
HBuilder是DCloud（数字天堂）推出一款支持HTML5的Web开发IDE。“快，是HBuilder的最大优势。
优点：
跨平台：同时支持iOS、Android、Symbian、Windows Phone。
开发工具：基于Eclipse的开发工具，集成UI控件与应用管理。
本地打包：无需配置环境，无需编译，本地一键打包。
代码加密：基于密钥的加密方式，无法破解，像混编一样保护html代码。
技术支持：技术支持及时响应，重视开发者建议和反馈。
缺点：
AppCan免费版因需要把源代码上传到厂商的服务器上打包，对于企业开发来说源代码泄露安全性上有一定风险。企业版虽然可以解决，但企业版稳定尚待观察。
AppCan采用封装的组件，依赖性比较高。不是开源代码。
ppCan 不能很好的解决原生代码的功能。
Wex5(国产)
WeX5应用快速开发框架（含完整的SDK API及全部源码），一次开发、跨端运行。
优点：
高效精致的UI组件体系，基于jquery和bootstrap技术，采用增强的RequireJS模块化技术。
基于phonegap(cordova)框架，如相机、地图、LBS定位、指南针、通讯录、文件、语音、电池等。
可视化拖拽式集成开发环境IDE，全能力的调试支持和智能代码提示。
缺点：
使用范围有限：适用：一般app、电商app、客服app、会员app、微店微商等。
用户量小，存在不稳定因素。
总结：
跨平台方面：大部分框架针对android和ios平台，需要做或多或少的代码调整，不能达到完全跨平台。
性能方面：根据不完全统计，Ionic的性能会更好一点。
PhoneGap出现最早，国内框架都是基于Phonegap开发出来的。
注意：
各框架在实现过程中都会遇到不同程度的坑，请根据框架的侧重点谨慎选择应用的框架。如果要基于Html5开发App，还需要进一步根据需求验证框架的可实施性、并进行不同框架的效果对比。
1.离线缓存为HTML5开发移动应用提供了基础
HTML5 Web Storage API可以看做是加强版的cookie，不受数据大小限制，有更好的弹性以及架构，可以将数据写入到本机的ROM中，还可以在关闭浏览器后再次打开时恢复数据，以减少网络流量。
同时，这个功能算得上是另一个方向的后台“操作记录”，而不占用任何后台资源，减轻设备硬件压力，增加运行流畅性。
在线app支持边使用边下载离线缓存，或者不下载离线缓存;而离线app必须是下载完离线
设计师要知道，什么时候让用户下载离线缓存(注意在线和离线app的区别)。
2.音频视频自由嵌入，多媒体形式更为灵活
原生开发方式对于文字和音视频混排的多媒体内容处理相对麻烦，需要拆分开文字、图片、音频、视频，解析对应的URL并分别用不同的方式处理。
HTML5在这个方面完全不受限制，可以完全放在一起进行处理。
设计师要知道，如果新闻类、微博类、社交类应用的信息呈现中实现文字与多媒体混排，而不用专门嵌入webview，将是一件多美好的事情，至少现在原生方式实现起来还有困难。
3.地理定位，随时随地分享位置
充分发挥移动设备对定位上的优势，推动LBS应用发展。
可以综合使用GPS、wifi、手机等方式让定位更为精准、灵活。
地理位置定位，让定位和导航不再专属导航软件，地图也不用下载非常大的地图包，可以通过缓存来解决，到哪儿下哪儿，更灵活。
设计师要知道，现在嵌入LBS功能的应用越来越多，这也是移动设备与台式PC相比最大的优势之一，HTML5能把这个优势再度扩大化，好好想想怎么在你设计的应用里用上吧!
4.Canvas绘图，提升移动平台的绘图能力
使用Canvas API可以简单绘制热点图收集用户体验资料
支持图片的移动、旋转、缩放等常规编辑
Canvas – 2D的绘图功能支持
Canvas 3D – 3D的绘图功能支持
SVG – 向量图支援
设计师要知道，图片的移动、旋转、缩放?那都太基础了，自己画都是小case，至于怎么用，好好想想吧!
5.专为移动平台定制的表单元素
浏览器中出现的html5表单元素与对应的键盘：
只需要简单的声明 input type=”email” 即可完成对不同样式键盘的调用，简捷方便。
设计师要知道，用的时候记得告诉研发同事一声!
6.丰富的交互方式支持
提升互动能力：拖拽、撤销历史操作、文本选择等
Transition – 组件的移动效果
Transform – 组件的变形效果
Animation – 将移动和变形加入动画支持
设计师要知道，HTML5提供的交互方式是非常丰富的，至于用不用得上，那是你自己的事儿喽!
7.HTML5使用上的优势
更低的开发及维护成本;
使页面变得更小，减少了用户不必要的支出;而且，性能更好使耗电量更低;
方便升级，打开即可使用最新版本，免去重新下载升级包的麻烦，使用过程中就直接更新了离线缓存。
设计师要知道，用户想要什么，HTML5能提供给用户什么。
8.CSS3 视觉设计师的辅助利器
CSS3支持了字体的嵌入、版面的排版，以及最令人印象深刻的动画功能。
Selector – 更有弹性的选择器
Webfonts – 嵌入式字体
Layout – 多样化的排版选择
Stlying radius gradient shadow – 圆角、渐变、阴影
Border background – 边框的背景支持
使用CSS3来完成部分视觉工作，载入速度快，节省代码及图片，也为用户节约了带宽。
设计师要知道，一个界面里几十张素材图的方式已经太out啦，赶快让CSS3帮你偷懒。
9.实时通讯
以往网站由于HTTP协议以及浏览器的设计，实时的互动性相当的受限，只能使用一些技巧来「仿真」实时的通讯效果，但HTML5提供了完善的实时通讯支持。
设计师要知道，应用中嵌入实时通信、信息内容进行实时提醒，HTML5可以帮你实现。
10.档案以及硬件支持
不知道大家有没有发现，在Gmail等新的网页程序当中，已经可以透过拖拉的方式将档案作为邮件附件?这就是HTML5档案的功能中的Drag’n Drop和File API。
设计师要知道，移动应用中对于数据传输的需求越来越大，传统的路径选择方式太过于繁琐，快来试试HTML5的拖拽上传功能吧!
11.语意化
语意化的网络是可以让计算机能够更加理解网页的内容，对于像是搜索引擎的优化(SEO)或是推荐系统可以有很大的帮助。
设计师要知道，HTML5能让搜索更快速、更准确。
12.双平台融合的app开发方式，提高工作效率
依照目前iPhone/Android 迅速提升市占率的情势来看，未来如果想要在先进的智慧型手机上撰写应用程式，要不是选择使用Objective-C + CocoaTouch Framework 撰写iPhone/iPad 应用程式，就是选择Java + Android Framework 撰写Android 应用程式，如果想要同时支援两种平台，势必要维护两套程式码，对于刚起步的小服务而言也算是个小有负担的维运成本。
使用HTML5, CSS3 来撰写Web-based 的应用程式，若要同时支援iPhone 及Android，几乎只需要维护一份程式码(少部份要因应clients 作修改)，而且未来若有其它行动装置拥有支援HTML5 的浏览器，那同样的WebApp 直接就多了一个支援平台。
Google 的系列服务使用了不少HTML5 中的cache、storage 及database 规格来做到离线存取程式的效果。因为比起桌面应用程式，行动装置的网路连线更不稳定，而且有时在移动中并无网路可以使用，透过这些技术才能让使用者即使在 无网路环境下继续使用你的webapp。这说明html5主要服务对象还是给予web的应用，并不会对全部app开发造成威胁，这样有利于不同类型应用使 用不同的开发方式，灵活性更强。
HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点，如video、audio和canvas 标记。HTML5还引进了新的功能，可以真正改变用户与文档的交互方式，包括：epub360 等H5编辑工具都是围绕这个标准设计的：
· 新的解析规则增强了灵活性
· 新属性
· 淘汰过时的或冗余的属性
· 一个HTML5文档到另一个文档间的拖放功能
· 离线编辑
· 信息传递的增强
· 详细的解析规则
· 多用途互联网邮件扩展（MIME）和协议处理程序注册
· 在SQL数据库中存储数据的通用标准（Web SQL）
HTML5在2007年被万维网联盟(W3C)新的工作组采用。这个工作组在2008年1月发布了HTML 5的首个公开草案。眼下，HTML5处于“呼吁审查”状态，W3C预期它将在2014年年底达到其最终状态。
特性
HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的，微数据与微格式等方面的支持，构建对程序、对用户都更有价值的数据驱动的Web。
本地存储特性（Class: OFFLINE STORAGE）
基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度，这些全得益于HTML5 APP Cache，以及本地存储功能。Indexed DB（html5本地存储最重要的技术之一）和API说明文档。
设备兼容特性 (Class: DEVICE ACCESS)
从Geolocation功能的API文档公开以来，HTML5为网页应用开发者们提供了更多功能上的优化选择，带来了更多体验功能的优势。HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与microphones及摄像头相联。
连接特性（Class: CONNECTIVITY）
更有效的连接工作效率，使得基于页面的实时聊天，更快速的网页游戏体验，更优化的在线交流得到了实现。HTML5拥有更有效的服务器推送技术，Server-Sent Event和WebSockets就是其中的两个特性，这两个特性能够帮助我们实现服务器将数据“推送”到客户端的功能。
网页多媒体特性(Class: MULTIMEDIA)
支持网页端的Audio、Video等多媒体功能， 与网站自带的APPS，摄像头，影音功能相得益彰。
三维、图形及特效特性（Class: 3D, Graphics Effects）
基于SVG、Canvas、WebGL及CSS3的3D功能，用户会惊叹于在浏览器中，所呈现的惊人视觉效果。
性能与集成特性（Class: Performance Integration）
没有用户会永远等待你的Loading——HTML5会通过XMLHttpRequest2等技术，解决以前的跨域等问题，帮助您的Web应用和网站在多样化的环境中更快速的工作。
CSS3特性(Class: CSS3)
在不牺牲性能和语义结构的前提下，CSS3中提供了更多的风格和更强的效果。此外，较之以前的Web排版，Web的开放字体格式（WOFF）也提供了更高的灵活性和控制性。
HTML的全称是超文本标记语言，是一种标记语言。它包括一系列标签，可以统一网络上文档的格式，将分散的互联网资源连接成一个逻辑整体。HTML是由HTML命令组成的描述性文本，可以解释文字、图形、动画、声音、表格、链接等。Html是一种用来描述网页的语言。它被称为超文本标记语言，它是一种标记语言。它包括一系列标签，可以统一网络上文档的格式，将分散的互联网资源连接成一个逻辑整体。
1.离线缓存为HTML5全栈开发移动应用提供了基础
2.音频视频自由嵌入，多媒体形式更为灵活
原生开发方式对于文字和音视频混排的多媒体内容处理相对麻烦，需要拆分开文字、图片、音频、视频，解析对应的URL并分别用不同的方式处理。
HTML5在这个方面完全不受限制，可以完全放在一起进行处理。
3.地理定位，随时随地分享位置
充分发挥移动设备对定位上的优势，推动LBS应用发展。
可以综合使用GPS、wifi、手机等方式让定位更为精准、灵活。
地理位置定位，让定位和导航不再专属导航软件，地图也不用下载非常大的地图包，可以通过缓存来解决，到哪儿下哪儿，更灵活。
4.Canvas绘图，提升移动平台的绘图能力
使用Canvas API可以简单绘制热点图收集用户体验资料
支持图片的移动、旋转、缩放等常规编辑
5.专为移动平台定制的表单元素
6.丰富的交互方式支持
提升互动能力：拖拽、撤销历史操作、文本选择等
7.HTML5使用上的优势
更低的开发及维护成本；
使页面变得更小，减少了用户不必要的支出；而且，性能更好使耗电量更低；
方便升级，打开即可使用最新版本，免去重新下载升级包的麻烦，使用过程中就直接更新了离线缓存。