❶ html5app开发框架有哪些(用html5开发的app实例)
①:PhoneGap
PhoneGap恐怕是最老的一个框架了,相信很多人都已经听说过甚至使用过它,但是PhoneGap是基于开源的cordova商业版本。
②:Ionic
IONIC是目前最有潜力的一款HTML5手机应用开发框架。通过SASS构建应用程序,它提供了很多UI组件来帮助开发者开发强大的应用。它使用JavaScriptMVVM框架和AngularJS来增强应用。提供数据的双向绑定,使用它成为Web和移动开发者的共同选择。
③:MobileAngularUI
MobileAngularUI是使用bootstrap3和AngularJS的响历猜余应式移动开发HTML5框架。
MobileAngularUI的关键字有:
Bootstrap3
AngularJS
Bootstrap3Mobile组件,比如switches,overlays和sidebars,这些都是bootstrap中没有的。
AngularJSmoles,比如angular-route,angular-touch和angular-animate
响应式媒体查询是将bootstrap作为单独的文件,你只需要包含你所需要的东西。MobileAngularUIu并不包含任何jQuery依赖,你需要做的只是通过一些AngularJS指令创建友好的用户体验。
④:IntelXDK
IntelXDK是Inter开发兆或的一款跨平台开发工具,我们可以很容易的通过IntelXDK开发应用,你需要做的只是下载他们的应用开发工具,有Linux、Windows和Mac版,它还提供了很多个开发框架,比如Twitterbootstrap,jQueryMobile和Topcoat.
⑤:Titanium
’sTitanium不同于其它框架的是,它是一个开源的框架。
Titanium是混合式移动应用开发的一站式解决方案,你只需要下载Titaniumstudio就可以解决所有的事情,TitaniumSDK包含了很多手机平台的APIs和后端云服务。
Titanium使用Alloy,Alloy是一个快速开发的手机应用MVC框架,模块式开发可以大大减小开发时间,提高代码复用。
⑥:SenchaTouch
SenchaTouch同样也是HTML5手机应用跨平台开发框架,运行iOS/android/Blackberry。它已经诞生很多年了,现在已经成为很常用的混合式编程开发框架。
SenchaTouch可以让你的WebApp看起来像NativeApp。美丽的用户界面组件和丰富的数据管理,全部基于最新的HTML5和CSS3的WEB标准,全面兼容Android和AppleiOS设备。
⑦:KendoUI
Telerik’sKendoUI是一个强大的框架用于快速HTML5UI开发。基于最新的HTML5、CSS3和JavaScript标准。
KendoUI包含了开发现代JavaScript开发所需要的所有一切,包括:肢滚强大的数据源,通用的拖拉(Drag-and-Drop)功能,模板,和UI控件。
❷ webapp开发使用哪个框架最好
第一款:SenchaTouch
SenchaTouch是世界上第一个支持HTML5和CSS3标准的移动应用框架,你可以使用HTML5来编写音频和视频组件,还可以使用Proxy来存储离线数据,同时,大量CSS3样式表为你提供了创建健壮样式层的可能。
优点
用户体验最接近NativeApp,掘扰指具有整体的判配UI组件、布局解决方案;
统一的编程代码结构和要求,良好组织的代码易于维护;
继承ExtJS4的应用程序MVC架构;
完善的API文档,示例;活跃的社区,网上有李友大量的文档书籍帮助学习;
缺点
兼容性差,仅支持webkit内核的浏览器;
框架比较重量级,学习成本比较高;
商业化使用有版权问题;
第二款:jQueryMobile
jQueryMobile是创建移动web应用程序的框架。适用于所有流行的智能手机和平板电脑。使用HTML5和CSS3通过尽可能少的脚本对页面进行布局。
优点
跨浏览器兼容性最好,几乎兼容所有的平台和浏览器;
入门简单,语法简洁,编码灵活,一些简单的应用直接用HTML既可实现,无需Javascript;
开源插件与第三方扩展网上资源丰富;
完善的API文档,示例;活跃的社区,网上有大量的文档书籍帮助学习;
缺点
jQueryMobile对代码没有特定的要求,后期维护难度较大;
第三款:Zepto
Zepto就是一个jQuery的轻量级替代品,几乎完全一样的API,但是专门为Mobile或者HTML5浏览器设计和优化。
优点
学习成本低,Zepto保持了与jQuery几乎一样的功能,使用gzip压缩只有5-10k;
缺点
Zepto不支持WindowsPhone下的IE;
第四款:WinkToolkit
优点
Wink的核心库是轻量级的,支持AMD规范的模块化加载,功能接口相比Zepto更丰富;
提供很酷的2D、3D效果UI组件;
缺点
组件对Android的支持程度不好,3D组件无法使用;
第五款:Ionic:高级的HTML5移动APP(WebApp)开发框架
Ionic是一个用HTML,CSS跟JS开发的一个用于移动设备的混合APP开发框架,采用Sass与AngularJS开发。目前,Ionic仍然处于临测试状态(alpha)。相信未来会成为开发者开发HTML5应用的一个不错的选择。
第六款:AmazeUI中国首个开源HTML5跨屏前端框架
AmazeUI是一个移动优先的跨屏前端框架。易学易用。
❸ 见见国外的phonegap和ionic移动app开发框架有多火
下面给大家分享一下外的phonegap和ionic移动app开发框架到底有多火:
多的不说了先看图:
phonegap网站的日访问量: ip:555000
大家都懂的,下面给大家简单介绍一下 phonegap Angularjs ionic 懂的可以不看
1.Phonegap介绍
PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone,Android,Palm,Symbian,WP7,WP8,Bada和Blackberry智能手机的核心功能——包括地理定位,加速器,联系人,声音衫信和振动等,此外PhoneGap拥有丰富的插件,可以调用Phonegap运行速度
1. android环境:
a) 512内存手机册兄可以放弃phoengap
b) 1G 双核手机 运行流畅 感觉速度稍微比原生慢
c) 2G 4核+ 手机运行流畅 看不出和原生差别
d) 部分手机兼容可能会出现问题 需要调整css(原生开发也会有次问题)
2. ios环境:
a) iphone4+运行流畅
b) iphone5+ 看不出和原生差别
2. Angularjs介绍
AngularJS诞生于2009年,由Misko Hevery 等人创建,后为Google所收购。是一款优秀的前端JS框架,已经被用于Google的多款产品当中 如Gmail、Maps、州塌袭Calender 等。AngularJS有着诸多特性,最为核心的是:MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入,等。
3.Ionic介绍
Advanced HTML5 Hybrid Mobile App Framework
AngularJS 移动端解决方案
http //ionicframework com/
Ionic 是一个强大的 HTML5 应用程序开发框架,可以帮助您使用 Web 技术,比如 HTML、CSS 和 Javascript 构建接近原生体验的移动应用程序。Ionic 主要关注外观和体验,以及和你的应用程序的 UI 交互,特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。
Ionic是一个轻量的手机UI库,具有速度快,界面现代化、美观等特点。为了解决其他一些UI库在手机上运行缓慢的问题,它直接放弃了IOS6和Android4.1以下的版本支持,来获取更好的使用体验
❹ Ionic vue 初探
Ionic 是一个广为人知的桥接app开发方案,它丰富的组件以及完善的文档,对于快速开发app是一种好的选择。然而不同的人使用的技术栈不一样, Ionic 组件已经可以和 Vue 集成,对于使用 Vue 开发移动端应用的同学来说,多了一种选择。
github地址
本篇主要参照Youtube视频: https://www.youtube.com/watch?v=6H1wftPS0oo
在弹出的 preset 选择中,选择 `default (babel, eslint)
创建成功之后,进入到 ionic-vue-test 工作路庆袜径中,安装 @ionic/vue ,并且添加 router
使用 vscode 打开 ionic-vue-test 路径,打开 main.js 文件,改造为
对于 router ,使用基于 VueRouter 的 IonicVueRouter ,改造 router.js
相应的,去掉 App.vue 中的内容,使用 <ion-app> 包装, <ion-app> 代表 ionic 应用的入口
现在吵激即可以放心的使用 Ionic 中的组件啦。在 Home.vue 中,升差袜删除原来的内容,改造为
执行效果贴图
欢迎留言讨论!
❺ 有人用 Ionic 开发 App 吗
当然友和源有了。Ionic(ionicframework)一好态款开源的Html5移动App开发框架,是AngularJS移动端解决方案,Ionic以流行的原生移动开发SDK为蓝本,使开发过棚拍原生iOS或安卓app的任何人都容易理解。