- 博客(68)
- 资源 (25)
- 问答 (3)
- 收藏
- 关注
原创 angularJS学习之路(三十)---服务器通信(1)---基本概念
使用$http 服务直接同外部对象进行通信$http服务只是简单的封装了浏览器 原生的 XMLHttpRequest对象$http服务只能接受一个参数,这个参数必须是一个对象,配置内容返回值是一个 promise 对象,具有success方法和error方法基本使用场景:$http({ method:'GET', url:'/api/u
2015-11-25 11:14:22 584
原创 angularJS学习之路(三十)---自定义指令---templateUrl
第一种写法: {{title}} the content is :{{model.content}} 第二种写法是把html放在单独的html文件里面: {{title}} var app = angular.
2015-11-25 09:39:14 5741
原创 angularJS学习之路(二十九)---控制器的别名使用 和它的作用域的确定
Open var app = angular.module('myApp',[]); app.controller("RoomController",function () { this.openDoor = function () { alert("open the door !"); } });
2015-11-24 22:28:42 1510
原创 angularJS学习之路(二十八)---拦截服务
$provider 服务提供了在服务实例创建时对其进行拦截的功能拦截的目的就是对服务就行 扩展(修改) 或者 用另外的内容进行替代装饰器的功能是非常强大的,它不仅可以在应用在我们自己的服务上,也可以对angularJS的核心服务进行拦截、中断、甚至替换功能的操作事实上angularJS中很多功能的测试就是借助 $provider.decorat
2015-11-24 19:44:25 682
原创 angularJS学习之路(二十七)---创建服务的五大方法---value
如果服务的$get()方法返回的是一个常量那就没有必要定义一个包含复杂功能的完整服务可以通过value()函数方便的注册服务value方法接受两个参数:name 字符串:需要注册的服务的名字value 值,常量:将这个值作为可以注入的实例返回value()方法:返回以name参数的值 为名称 的注册后的服务实例ang
2015-11-24 18:53:09 870
原创 angularJS学习之路(二十六)---创建服务的五大方法---constant
这个方法 可以将一个已经存在的 变量值 注册为服务 变成一个常量 特别注意 :说的是变量值 变成了 常量并将其注入到 应用的其他部分当中,然后用常量将其保存下来这个函数接受两个参数:name 字符串:需要注册的服务的名字 value 常量:需要注册的常量的值 或者 对象constant方法返回一个注册后的服务实例
2015-11-24 18:30:53 635
原创 angularJS学习之路(二十五)---创建服务的五大方法---provider
所有的服务工厂都是由 $provider 服务创建的,$provider服务负责在运行时初始化这些提供者所有的创建服务的方法都是构建在provider方法之上的,provider方法负责在$providerCache中注册服务下面两种方法是等价的:这里我们假设了提供者是一个具有$get方法的对象app.factory('game', function()
2015-11-24 16:55:01 875
原创 angularJS学习之路(二十四)---创建服务的五大方法---service
service()这个方法,可以允许我们为服务对象注册一个构造函数接受两个参数:name 字符串,要注册的服务的名称constructor()函数:构造函数,我们调用它来实例化服务对象service()函数会在创建实例时通过 new关键字来实例化服务对象举个例子,var Person = function($http){
2015-11-24 16:06:55 919
原创 angularJS学习之路(二十三)---创建服务的五大方法---factory
factory()方法:是创建 和配置服务的最 快捷的方式factory()函数可以接受两个参数:name 字符串 :需要注册的服务名函数function:函数会在angularJS创建服务的实例时被调用,返回对象angular机制出于内存占用和性能的考虑,控制器只会在需要的时候被 实例化,不需要的时候就会被销毁服务需
2015-11-24 15:43:39 1260 1
原创 angularJS学习之路(二十二)---模块加载---config
angularJS 模块可以在被加载和执行之前对其自身进行配置 作用就是:在应用的加载阶段应用不同的逻辑我们知道 前面注册一个模块方法是:var app = angular.module("myApp", []); 这种方法带有两个参数,一个是模板名,一个是依赖注入列表,数组为空,表示当前注册的模板不需要依赖关系这种方法注册的模板,angularJS机制会
2015-11-24 13:05:28 17026 1
原创 angularJS学习之路(二十一)---injector---初探依赖注入
首先看看injector 怎么用 js代码:var app = angular.module("myApp",[]);app.factory("game",function(){ return { title:"StarCraft" }});//创建一个injector 参数为绑定的模板 会返回一个injector对象//通过返回的对象你可以调用模板里面的各种服务an
2015-11-24 12:25:54 1008
原创 angularJS学习之路(二十)---自定义指令---transclude的作用
js代码:var app = angular.module("myApp", []);app.directive("clock", function() { return { restrict: 'E', scope: { timezone: "@" }, template: "12:00pm {{timezone}}" }});app.directive("
2015-11-24 10:19:20 615
转载 angularJS学习之路(二十)---自定义指令作用域绑定策略问题
自定义标签或者进行扩展时,会有这样的需求场景,要在标签中添加一些属性,实现一些复杂功能。 关于这些属性,独立作用域是如何的做的呢?看看下面的内容吧。 举个例子: 假设传入的是上面这种,我们如何区分它传入的到底是变量呢?还是字符串呢?还是方法呢? 因此AngularJS有了三种自定义的作用域绑定方式: 1 基于字符串的绑定:使用@操作符
2015-11-23 23:00:48 880
原创 angularJS学习之路(十九)---自定义指令关于独立作用域
1.首先关于 scope:{} 和scope:true 效果是一样的 Surrounding scope: {{ myProperty }} Inside an directive with inherited scope: {{ myProperty }} Inside myDirective, isolate
2015-11-23 22:52:24 908
原创 angularJS学习之路(十八)---自定义指令执行过程
angularJS中对指令的解析与执行过程是这样的:· 浏览器得到 HTML 字符串内容,解析得到 DOM 结构。· ng 引入,把 DOM 结构扔给 $compile 函数处理:o 找出 DOM 结构中有 变量占位符o 匹配找出 DOM 中包含的所有指令引用o 把指令关联到 DOMo 关联到 DOM 的多个指
2015-11-23 21:45:55 712
原创 angularJS学习之路(十七)---自定义指令
指令简单理解 就是 在元素上运行的函数 (这个函数有个名称,或者叫属性,比如id 等这种形式)或者说 扩展这个元素的功能 原来的HTML 元素 比如 input 就只是一个输入框 如果我们在这个元素上加入 指令,就可以扩展这个元素的功能了比如说:ng-click 可以让一个元素能够监听click事件,并在接收到事件的时候执行angularJS
2015-11-23 21:39:06 714 1
原创 angularJS学习之路(十六)---ng-class
作用:动态设置元素的类 5}" ng-if="x > 5"> You won! Draw Number Number is: {{ x }} var app = angular.module('myApp', []); app.controller('LotteryContr
2015-11-23 16:59:49 647
原创 angularJS学习之路(十五)---ng-select
作用就是构建 动态表单和它ng-options一起使用 Choose City Best City: {{ city.name }} var app = angular.module('myApp', []); app.controller('CityControl
2015-11-23 16:50:41 603
原创 angularJS学习之路(十四)---ng-form
The field is required. Submit All var app = angular.module('myApp', []); app.controller('FormController', function($scope) { $scope.fields = [{ placeholder: 'Usern
2015-11-23 16:44:45 679
原创 angularJS学习之路(十三)---ng-change
在表单输入发生变化时调用: {{ equation.output }} var app = angular.module('myApp', []); app.controller('EquationController', function($scope) { $scope.equation = {
2015-11-23 14:30:45 803
原创 angularJS学习之路(十二)---{{}}发生屏幕闪烁问题
在屏幕可视的区域内使用 {{}}会导致页面加载时未渲染的元素发生闪烁,用ng-bind 可以避免这个问题解决办法二:使用 ng-cloak 指令 来避免 FOUC ng-bind-template 用来在视图中绑定多个表达式
2015-11-23 14:04:28 949
原创 angularJS学习之路(十一)---ng-show和ng-hide
ng-show 和 ng-hide 根据表达式的值来显示或者隐藏HTML元素ng-show false 被隐藏ng-hide true 被隐藏 2 + 2 isn't 5, don't show 2 + 2 is 4, do show 2 + 2 isnt 5, don't hide 2 + 2 isnt 5,
2015-11-23 13:38:59 620
原创 angularJS学习之路(九)---ng-if
ng-if 指令可以根据表示的结果 在DOM中生成或者移除一个元素 而且是完全移除 不是隐藏或者显示而且需要注意的是:当重新被插入的时候,元素的状态是 原始状态 而不是上次移除时的状态 Won't see this DOM node, not even in the source code H
2015-11-23 13:26:20 662
原创 angularJS学习之路(八)---ng-switch
这个指令 和 ng-switch-when 以及 on="name"一起使用 在name值发生变化时渲染不同的指令到视图中 例子: And the winner is {{ person.name }} var app = angular.module('myA
2015-11-23 13:13:47 798
原创 angularJS学习之路(七)---子控制器关于是引用机制还是复制机制的问题---原型继承
我们知道在一个应用中可以有 多个控制器,也即是控制器的嵌套 原型继承 要弄清一点: 修改父级对象中的alue值会同时修改 子对象中的alue值,但是反过来就不行了,angularJS 中的控制器 嵌套 采用的就是 原型继承的 机制ps:javascript 对象要么是值复制 要么是 引用复制首先看第一个例子:js代码:va
2015-11-23 10:18:16 829
原创 angularJS学习之路(六)---指令
AngularJS 指令AngularJS 指令是扩展的 HTML 属性,带有前缀 ng-。 一开始需要知道的几个指令:ng-app 指令初始化一个 AngularJS 应用程序。ng-init 指令初始化应用程序数据。ng-model 指令把元素值(比如输入域的值)绑定到应用程序。ng-repeat 指令会重复一个 HTML 元素:
2015-11-22 22:47:57 639
原创 angularJS学习之路(五)---表达式
AngularJS 表达式写在双大括号内:{{ expression }}。AngularJS 表达式把数据绑定到 HTML,这与 ng-bind 指令有异曲同工之妙。AngularJS 将在表达式书写的位置"输出"数据。AngularJS 表达式 很像 JavaScript 表达式:它们可以包含文字、运算符和变量。AngularJS 表达式不支持条件判断,循环及异
2015-11-22 21:37:26 694
原创 angularJS学习之路(四)---作用域(1)
这里提到的“作用域”的概念,是一个在范围上与 DOM 结构一致,数据上相对于某个 $scope 对象的属性的概念。我们还是从 HTML 代码上来入手: <div style="width: 100px; height: 100px; background-color: red;" ng-click="click()"> {{ w }}
2015-11-22 20:51:17 641
原创 angularJS学习之路(三)---控制器
AngularJS 控制器 控制 AngularJS 应用程序的数据。AngularJS 应用程序被控制器控制。ng-controller 指令定义了应用程序控制器。控制器是 JavaScript 对象,由标准的 JavaScript 对象的构造函数 创建。 名: 姓:
2015-11-22 19:43:55 703
原创 angularJS学习之路(二)---模块
模块定义了一个应用程序。模块是应用程序中不同部分的容器。模块是应用控制器的容器。控制器通常属于一个模块。 {{ firstName + " " + lastName }} /*定义一个应用,也就是一个模块 参数:名称 ,依赖*/ /*在模块定义中 [] 参数用于定义模块的依赖关系
2015-11-22 19:23:17 802
原创 线程实现方式-继承Thread类和实现Runnable接口的区别
通常创建线程有两种方式:1、继承Thread类 2、实现Runnable接口主要区别在于在多线程访问同一资源的情况下:用Runnable接口创建的线程可以处理同一资源;用Thread类创建的线程则各自独立处理,各自拥有自己的资源。
2015-11-20 11:33:16 425
原创 AndroidSwipeLayout源码
发现很多人下载github里面的源码是不能直接在eclipse上跑的,主要是libs资源缺少了,我给它补齐了方便大家下载如果你积分不够,请私信我,我单独发给你下载地址,http://download.csdn.net/detail/u014737138/9280233
2015-11-18 16:53:00 493
原创 android中onInterceptTouchEvent()方法详解
这个方法其实以前不怎么关注,后来自定义布局用的多了,发现很多时候都必须要重载这个函数, 一般重载这个函数地方就是你自定义了一个布局,extends LinearLayout等等布局一般除了自己的业务处理外,返回值只有两种,第一种:让父类去处理 返回值,跟踪android源码你会知道返回的是false作用:让自定义布局上面的所有子view 例如button ima
2015-11-18 12:13:57 1608
转载 android的onClick()和onTouch()方法详解
这篇文章写的很不错,http://blog.csdn.net/vipzjyno1/article/details/21746311其实我一直准备写一篇关于Android事件分发机制的文章,从我的第一篇博客开始,就零零散散在好多地方使用到了Android事件分发的知识。也有好多朋友问过我各种问题,比如:onTouch和onTouchEvent有什么区别,又该如何使用?为什么给Li
2015-11-18 10:58:10 2257
原创 Android-UI布局---RecyclerView学习(六)item添加删除展现的动画效果
该系列文章 如果想全方面学习,建议参考这个大牛的文章,写的真可以。地址:http://blog.csdn.net/lmj623565791/article/details/45059587//设置Item增加、移除动画mRecyclerView.setItemAnimator(new DefaultItemAnimator());就是改这一行代码,各种类请
2015-11-16 22:21:21 1192
原创 Android-UI布局---RecyclerView学习(五)长按item删除事件
该系列文章 如果想全方面学习,建议参考这个大牛的文章,写的真可以。地址:http://blog.csdn.net/lmj623565791/article/details/45059587在listView中 我们经常会碰到有长按删除事件,不过现在更流行 滑动出来删除 标记已读等操作在RecyclerView中也有长按删除事件的处理:这里更新数
2015-11-16 21:56:22 3282
转载 Android-UI布局---RecyclerView学习(四)匹配GridLayoutManager的ItemDecoration
该系列文章 如果想全方面学习,建议参考这个大牛的文章,写的真可以。地址:http://blog.csdn.net/lmj623565791/article/details/45059587ItemDecoration 下划线效果在使用RecyclerView 的时候有三种东西是可以自己定义的 响应事件 分割线 动画效果 mRe
2015-11-16 21:44:55 11350 1
转载 Android-UI布局---RecyclerView学习(三)匹配LinearLayoutManager的ItemDecoration
该系列文章 如果想全方面学习,建议参考这个大牛的文章,写的真可以。地址:http://blog.csdn.net/lmj623565791/article/details/45059587ItemDecoration 下划线效果在使用RecyclerView 的时候有三种东西是可以自己定义的 响应事件 分割线 动画效果 mRe
2015-11-16 21:20:34 10001
RecyclerView 需要的动画资源
2015-11-16
Android 贝塞尔曲线 实例源码
2014-11-07
activity切换特效
2014-11-06
android gif模式和图片展现模式 图片展现神器
2014-11-04
android OptionsMenu--利用xml实现源码
2014-11-01
android城市列表特效-触摸查找源码
2014-10-30
jquery.min.js
2014-10-13
Jama-1.0.1.jar包下载
2014-10-11
java 开发相当齐全的第三方包
2014-07-12
点九图,为什么只能是黑色的,或者纯色的,被面试官问了这个问题
2016-03-23
java转码问题 把一串字符串转换为汉字
2014-12-02
360浏览器复制文本特效 JS怎么实现
2014-09-15
TA创建的收藏夹 TA关注的收藏夹
TA关注的人