这个项目做得比较早当时是基於ionic框架1和angular1做的。做了四个tabs的app首页模仿携程首页,第二页主要是phonegap调用手机核心功能第三页模仿微信和qq聊天页,第四页模仿一般手机的表單设置页同时还模仿知乎做了一个侧边栏页(账号:wty,密码:123456)
没有后台,纯前端展示功能还比较多,调用系统的声音、震动和手机设備信息等有二维码扫描功能,还做了类似qq消息可拖拽效果上拉下拉刷新,轮播图组件
Angularjs是一款优秀的前端 JS 框架,已用於 Google 的多款产品当中 如 Gmail、Maps、Calender 等AngularJS有着诸多特性,最为核心的是:MVVM、模块化、自动化双向数据绑定、语义标签、依赖注入等等。
ionic框架是一个强大的 HTML5 应用程序开发框架具有速度快,界面现代化、美观等特点特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。
快速开发岼台它使开发者能够手机的核心功能——包括地理定位,加速器联系人,声音和振动等此外PhoneGap 拥有丰富的插件,可以调用
二、项目各tab主要功能介绍
- 手机上app显示的图标、名称、开机画面
- hammer触屏手势插件配置
- 菜单栏的位置、导航条文字位置、回退按钮图标等
- 切换页面的过渡效果(bug)
- phonegap功能的应用:二维码扫描、调用系统弹窗、震动铃声功能、获取设备信息
- ng-show、ng-model 双向数据绑定实现登录验证的实时监控
- 更换头像(访问手机摄像头、图库功能)
- 删除按钮和重新排序按钮
- “声音”选项被选中播放铃声
- “震动”选项被选中開始震动
- 实现全选、全不选、反选的功能
- 根据被选择数显示相应弹窗内容
优点: 通过使用 web 技术开发 App,采用 Cordova/PhoneGap之类进行打包葑装优点是采用标准的web技术开发,避免了不同平台原生开发体系的学习学习成本低, 上手快、 效率高一次开发微信 wap app 全部搞定;
缺点:app 在 android 平台性能上有一些损失, 但是相信硬件的发展会接近原生
欢迎大家star学习交流: |