Coder.SirLoin-CSDN博客

原创 angularJS中的promise模式以及通过$q解决异步

引言说到promise，不得不说的就是回调函数那么什么是回调函数呢？function test(callback){//有一个叫做test的function var a=1; a=2; callback();}function b(){//有一个叫做b的function var c=0; c++;}test(b); //在test中所有代码都执行结束最后调用

2016-12-07 20:22:44 2446

原创 ionic利用$ionicScrollDelegate委托scroll

许多app中，常常有根据界面的滚动来触发事件的需求，之前我在处理这种需求时，走进了一个严重的误区，我是通过JQuery来实现的，不仅实现方法麻烦，还导致了ionic自带scroll的禁用，如果这个时候再要求使用无限滚动，肯定会导致很多问题。那么在ionic中，如何利用自带的scroll呢？答案是通过$ionicScrollDelegate服务委托标签中的内容首先我们讲一下$ionicS

2016-12-07 20:15:42 5943 1

原创 ionic在Android系统上对返回键注册事件

ionic中对Android返回按钮自定义首先要有这个插件然后在app.js中的app.run中$ionicPlatform.registerBackButtonAction(function (e) { //针对返回按键的代码 e.preventDefault(); return false; },10

2016-12-07 20:13:50 789

原创 ngCordova插件(5)之DatePicker时间选择器插件的使用

今天来说以下几乎所有项目都会遇到的时间选择问题，由于企业级APP一般都是销售，服务，管理一类的APP，所以用户选择时间的操作必不可少。本次我以ngcordova的时间选择插件DatePicker为例，讲一下这个又好用，又全是大坑的时间选择插件。首先插件的安装：cordova plugin add cordova-plugin-datepicker然后说一下常用的可配置内容：1.mo

2016-12-07 20:06:45 1529

原创 ngCordova插件(4)之Toast提示框插件的使用

本次总结一下Toast插件的使用，这个插件是用原生Android或IOS的Toast提示框为用户进行信息提示首先安装插件：$ cordova plugin add cordova-plugin-x-toast安装好后，模块中注入ngCordova依赖，controlller中加入$cordovaToast服务这样就可以使用Toast插件封装好的方法了那么都有哪些方

2016-12-07 20:03:58 3168 4

原创 ngCordova插件(3)之File插件的使用

今天写一下ngCordova插件中File插件的使用虽然JavaScript也有自己操作文件的方法(FileSystemObject类)，但是由于Android和IOS的文件目录结构不同，操作文件不如用封装好方法的File插件方便。插件安装：cordova plugin add org.apache.cordova.file插件安装完成后，我们要了解Android和IOS在Cord

2016-12-07 20:01:41 2325

原创 ngCordova插件(1)之InAppBrowser插件的使用

本次我们讨论如何在Hybrid App中打开浏览器的页面$cordovaInAppBrowser.open(URL, target, options)open()中的URL参数为浏览器跳转的地址。target的参数有三种：_self，_blank，_system，_self是如果URL地址在WhiteList中，则用Cordova的Webview将其打开；如果是_blank

2016-12-07 20:00:07 2546 5

原创 ngCordova插件(2)之BarcodeScanner插件的使用

本文主要讲解BarcodeScanner插件的使用当我们在开发中遇到要在App中加入扫描二维码/条形码的需求时，我们就要用到BarcodeScanner插件这个插件如何使用呢？下面上代码~$scope.ring= function() { $cordovaBarcodeScanner.scan().then(function(imageData) { $

2016-12-07 19:58:48 2001

原创 ngCordova插件(0)-ngCordova插件的使用详解_序

当我们在开发基于Cordova+AngularJS的这种HybridAPP时，当我们遇到了前端框架不能解决的一些问题时，比如调用相机，相册，浏览器等这些操作时，使用插件就是我们的解决方法。ngCordova是Cordova和AngularJS的结合，将Cordova插件封装成了一个个AngularJS式的服务。无论使用的是OnsenUI还是Ionic框架开发项目，只要是基于

2016-12-07 19:55:30 3204

转载 HybridApp之CSS3动画(0)_前言

众所周知，一款APP的User Experience（用户体验）是由“有用性”，“易用性”，“友好性”和“视觉”四个部分组成的。我们可以通过提升技术实力，优化交互逻辑这些手段来提升前三者，但是静态的界面在视觉冲击力方面往往是有限的，所以动画在APP中就变得必不可少。还记得“哔哩哔哩”APP在加载时的那个萌妹子吗，还记得“天天果园”APP的那个果冻一样效果的菜单按钮吗。这些给过我很多惊喜的动画都

2016-12-07 19:52:19 374

原创 CSS之巧用z-index属性

大家平时可能是在涉及到absulute布局元素之间的叠加时才会想起z-index属性，但是z-index属性不仅仅对absolute布局的元素生效给大家看一下用html中的input和label来实现Native Android中的Material效果UI设计师设计的是这样的效果: 即聚

2016-12-07 19:50:37 1243

原创 angularJS论深拷贝和浅拷贝

说到深拷贝和浅拷贝，相信熟悉C和Java的同学们经常涉及到这两个概念现在以JavaScript为例，讨论深拷贝和浅拷贝首先这里给大家写一段代码，大家思考，每个代码块的打印的结果应该是什么：var a=1,b;b=a;b++;console.log("a,"+a);console.log("b,"+b);/////////////////////var c=[1,2,3]

2016-12-07 19:46:41 4313

原创 angularJs中service的三种方法以及区别（factory,service,provider三者的区别）

1.引言在angularJS中service是我们经常用到的一个东西，从最开始，我们就知道service有三种方法，service()，factory()和provider()三者的异同和应用场景也是经久不衰的话题，网上有大量的文章和代码讨论三者的使用和区别但其中多数说的都一知半解，让人一头雾水，今天让我们聊聊angularJS中的service2.service的作用

2016-12-07 19:45:17 9744

原创 angularJS如何处理事件冒泡

事件冒泡和事件捕捉一直以来都是被讨论的话题，也许大家平时在工作中没有遇到过需要解决事件冒泡的情况举个栗子：从以上的代码中的fun1(),fun2()和fun3()我们可以看出，当我们点击了标签中的ng-click事件，触发fun3()方法，但是根据文档对象模型的特征，我们虽然只想触发fun3()方法，事件一直向上一层进行冒泡，fun2()和fu

2016-12-07 19:44:35 6267

原创 angularJS中的父子作用域和兄弟作用域，以及父子，兄弟controller通信机制

angularJS中非常重要的概念之一就是作用域，不同的作用域之间是相互隔离的，通过常规手段是无法互相访问变量及方法的本次我们着重讲一下父子作用域和兄弟作用域1.父子作用域当我们的controller层级关系是这种时，ChildCtrl就是子controller,ParentCtrl就是父controller，他们之间的作用域关系就是父子作用域a

2016-12-07 19:42:59 8474

原创 angularJS中的广播销毁

angularJS无论作为开发SPA(Single Page Application)的工具还是作为开发Hybrid App的武器，都体现了很好的开发效率，但其中很多复杂的机制，在不同的业务场景下，有时却表现出不同的结果以广播通信机制为例，有些项目工程中会表现出，从A controller跳转到 B controller，再跳转到 C controller，在C中发出广播(标准的$scop

2016-12-07 19:41:57 2965

原创 angularJS中filter(过滤器)的使用

filter时angular开发经常接触的一个内容，今天在wiki中做一个补全，说一下filter的使用首先，filter分为angularJS中封装好的filter和自定义filter自定义的filter包括以下：1.currency(货币处理)，默认是美元符号{{num | currency : '￥'}}2.date(日期格式化){{date

2016-12-07 19:34:57 3784

原创 angularJS三种定义全局变量的方法

今天我们来讨论下angularJS中定义全局变量的三种方法1.首先是最简单的，定义在js中，方法外面的全局变量，这样任意js都可以访问其值 var variable="This is a global variable~"; //定义好后，直接使用即可2.然后是使用angularJS中的.value定义全局变量，方法如下angular.module('s

2016-12-07 19:30:45 10790 1

原创 Hybrid App开发（序）

Hybrid App（混合式App）这个名词如今在国内已经不是什么新的名词了，自从Adobe收购了Phonegap并改名为Cordova时，Web开发和App开发的界限就开始变得模糊了。在Hybrid App这个概念刚出现时，对于大多数开发者而言，用html+css+js这套Web开发技术去开发安装在手机上的App是难以想象的。现如今国内无论是互联网企业还是常规的开发团队，都已经或深或浅的

2016-12-07 18:29:49 464

Coder.SirLoin的博客