2016年11月_前端超人

原创 ionic开发App-问题收集总结

总结使用ionic开发App算是告一段落了。使用前端的技术来统一移动端，不得不承认这个听起来很酷。JavaScript要统一世界的节奏。然而现实并不是这样，使用ionic开发App虽然在开发速度上比原生开发快很多（有AngularJS的基础上，1~2个礼拜熟悉ionic框架，一个月左右做完App），但依然存在下面这个几个比较致命的问题： 1. App流畅度不足，用户体验差。尤其是在Androi

2016-11-19 23:28:35 5647

原创【ionic App问题总结系列】ionic 集成友盟插件以及多渠道打包

安装umeng提供的插件第一步：下载SDK下载地址：http://dev.umeng.com/analytics/h5/sdk-download第二步：配置appkey下载解压缩后，打开里面*/umeng-plugin-android/下的plugin.xml，更改appkey： <meta-data android:name="UMENG_APPKEY" andro

2016-11-19 23:21:04 3686 7

原创【ionic App问题总结系列】ionic点击系统返回键退出App

在安卓下，如果不处理系统返回键的事件，那么每次点击返回键，将页面将返回到上一个路由，这种逻辑不符合app的路由逻辑。正确的应该是：当页面到了各个导航页的首页时，此时再按返回键应该提示是否退出app，用户点击确认后退出app。在run()方法中添加下面的方法$ionicPlatform.registerBackButtonAction(function (e){ //阻止默认的行为

2016-11-19 23:15:36 8551 6

原创【ionic App问题总结系列】ionic 微信朋友圈分享

前言做完之后才发现实现ionic微信朋友圈、朋友分享并不难。只要按照着插件的文档来就行。但是在刚接触的时候依然是存在疑惑，还是写点记录总结下吧（本文是在开发Android App的环境下产生的）。整个流程大致是下面三步：微信开放平台申请应用获取appid安装cordova微信分享插件在代码中调用实现分享开发前的准备不管你使用什么样的cordova 微信分享插件，都必须要在微信开发者平台（ht

2016-11-19 23:10:16 3271 2

原创【ionic App问题总结系列】ionic 如何更新app版本

ionic 如何进行自动更新ionic App更新有两种方式：第一种是普通的从远程下载apk，安装并覆盖旧版本。另外一种就是采用替换www文件夹的内容，实现应用内更新，而无需下载安装apk。这篇文章讲的是通过第一种方式，来实现app的更新。 App更新流程比较简单，如下图：这里用到的后端的接口字段如下：{ "update_flag", // 更新的flag，一般取值分为不

2016-11-19 23:08:56 4190

原创【ionic App问题总结系列】ionic登录拦截机制-使用Modal作为登录框

前言先来说说网页和App中交互的不同。在网页中，页面与页面之间的跳转过程较少会采用转场动画，直接就是页面切换。而在App的交互方式中，页面切换是有转场动画的。页面进入一般都是从右到左的动画切换。这种交互方式通常表示页面正常的切换。还有一种页面进入方式就是从下往上进入，这种交互方式一般用于登录拦截时，弹出登录框，表示得是非正常状态下的页面切换。如下图所示，就是登陆拦截情况下的从下往上的页面进入效果

2016-11-19 22:54:29 4751

原创【ionic App问题总结系列】ionic隐藏底部菜单栏ion-tabs

前言ionic中没有提供属性来控制底部菜单栏ion-tabs在页面中的显示与隐藏，只有一个类.tabs-item-hide可以控制，所以我们可以通过控制添加.tabs-item-hide来实现隐藏菜单栏的目的。实现方式三个步骤就可以实现了第一步，在ion-tabs指令上添加hideTabs<ion-tabs class="tabs-icon-top tabs-assertive {{hideTabs

2016-11-19 22:49:45 2186

前端超人