一个基于Angular+Ionic+Phonegap的混合APP实战
这个项目做得比较早,当时是基于ionic1和angular1做的。做了四个tabs的app,首页模仿携程首页,第二页主要是phonegap调用手机核心功能,第三页模仿微信和qq聊天页,第四页模仿一般手机的表单设置页。同时还模仿知乎做了一个侧边栏页(账号:wty,密码:123456)。 没有后台,纯前端展示,功能还比较多,调用系统的声音、震动和手机设备信息等。有二维码扫描功能,还做了类似qq消息可拖拽效果,上拉下拉刷新,轮播图组件。 安卓apk下载
线上地址 一、基本概念1. Angularjs简介Angularjs是一款优秀的前端 JS 框架,已用于 Google 的多款产品当中 如 Gmail、Maps、Calender 等。AngularJS有着诸多特性,最为核心的是:MVVM、模块化、自动化双向数据绑定、语义标签、依赖注入,等等。 2. Ionic简介Ionic是一个强大的 HTML5 应用程序开发框架,具有速度快,界面现代化、美观等特点。特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。 3. Phonegap简介Phonegap是一个用基于 HTML, CSS 和 JavaScript 的,创建移动跨平台移动应用程序的 二、项目各tab主要功能介绍1. 初始化配置
2. tab-home
3. tab-dash
4. tab-chats
5. tab-account
三、演示如下:ionic实战动态图演示 四、总 结优点: 通过使用 web 技术开发 App,采用 Cordova/PhoneGap之类进行打包封装。优点是采用标准的web技术开发,避免了不同平台原生开发体系的学习,学习成本低, 上手快、 效率高,一次开发微信 wap app 全部搞定; 缺点:app 在 android 平台性能上有一些损失, 但是相信硬件的发展会接近原生。 欢迎大家star学习交流:github地址 | 我的博客 参考文献
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
- AngularJS当从Web服务检索值时,如何预先选择下拉列表的值?
- scala.js – Scalajs反应VS Xored Scalajs反应VS SRI
- ng-include onload不再工作在angularjs 1.2.0 rc
- shell 脚步统计自身执行次数
- Domino应用优化-系统管理篇
- twitter-bootstrap – Lesscss> bootstrap的darken()和ligh
- 使用Scala 2.10进行枚举和映射
- VIM常用命令
- ?老男孩教育每日一题-第102天-如何找出/usr/local 下面所有
- twitter-bootstrap – 锚点标记不显示为按钮使用twitter引导