摘要: $(document).height() - $(window).height() == $(window).scrollTop() 阅读全文
posted @ 2014-03-19 10:51 reeoo 阅读(684) 评论(0) 推荐(0)
摘要: 在谈路由机制前有必要先提一下现在比较流行的单页面应用,就是所谓的single page APP。为了实现无刷新的视图切换,我们通常会用ajax请求从后台取数据,然后套上HTML模板渲染在页面上,然而ajax的一个致命缺点就是导致浏览器后退按钮失效,尽管我们可以在页面上放一个大大的返回按钮,让用户点击返回来导航,但总是无法避免用户习惯性的点后退。解决此问题的一个方法是使用hash,监听hashchange事件来进行视图切换,另一个方法是用HTML5的history API,通过pushState()记录操作历史,监听popstate事件来进行视图切换,也有人把这叫pjax技术。 如此一来,... 阅读全文
posted @ 2014-03-17 14:42 reeoo 阅读(673) 评论(0) 推荐(0)
摘要: 原文地址http://angular-tips.com/blog/2013/08/understanding-service-types/Angular中有几种不同类型的services。每一种都有自己的独特用法。需要记住的非常重要的一点是service总是一个单体,无论是哪种类型的service。注释:单体是一种设计模式,它限制了每一个类仅能够实例化为一个对象。无论我们在什么地方注入我们的service,将永远使用同一个实例。Constant例子:1 app.constant('fooConfig',{2 config1: true,3 config2: "Defa 阅读全文
posted @ 2014-03-17 14:33 reeoo 阅读(384) 评论(0) 推荐(0)
摘要: 原文地址:http://angular-tips.com/blog/2013/08/watch-how-the-apply-runs-a-digest/注这篇博文主要是写给新手的,是给那些刚刚开始接触Angular,并且想了解数据帮定是如何工作的人。如果你已经对Angular比较了解了,那强烈建议你直接去阅读源代码。Angular用户都想知道数据绑定是怎么实现的。你可能会看到各种各样的词汇:$watch,$apply,$digest,dirty-checking... 它们是什么?它们是如何工作的呢?这里我想回答这些问题,其实它们在官方的文档里都已经回答了,但是我还是想把它们结合在一起来讲,但 阅读全文
posted @ 2014-03-17 13:16 reeoo 阅读(325) 评论(0) 推荐(0)
摘要: 剧情开始之前,先介绍一下重要背景~三个概念~Dirty Checking– AngularJS内部比较value现在的值和之前的值,如果发生了改变,就触发change事件。Digest– 执行Dirty Checking的机制,由$digest()触发。Apply– 当dom事件在AngularJS机制外被触发时,需要通知AngularJS进行Digest。由$apply()触发。$digest()Digest就像AngularJS的心跳一样~它每50ms蹦一次,蹦的时候会触发所属的scope和其所有子scope的dirty checking,dirty checking又会触发$watch( 阅读全文
posted @ 2014-03-12 12:37 reeoo 阅读(889) 评论(0) 推荐(2)
摘要: 先来俩栗子感受一下~栗1现在有个需求,希望页面上某段文字及时的显示某个输入框的输入内容~如果我们用jQuery来写是这样的:栗1 - jQuery版本1 Hello, 2 3 如果用AngularJS来写呢,是这样的:栗1 - AngularJS版本1 Hello, {{name}}2 栗2又来个需求,有个人名的数组,想把这些名字列到页面上~栗2 - jQuery版本1 2 栗2 - AngularJS版本1 2 {{item}}3 通过比较,可以发现AngularJS:代码更简洁(少写好多js代码啊~)扩展了html的功能(html貌似变的很强大哇!)实现了model和view的双向绑定.. 阅读全文
posted @ 2014-03-12 11:41 reeoo 阅读(330) 评论(0) 推荐(0)
摘要: Scope是AngularJS里的一个很重要的概念,简单的说它就是用来保存AngularJS Model们的对象,是Model们温暖的小家~那这个小家是什么时候造的呢?1 2 我们知道,ng-app是一个应用启动AngularJS的入口点,在这里也会创建一个root scope,在controller里可以通过$rootScope调到,每个应用只能有一个root scope(当然了~root嘛~),但它会有多个child scope,那啥时候会创建child scope呢?1 2 3 4 5 6 {{item.na... 阅读全文
posted @ 2014-03-12 11:38 reeoo 阅读(591) 评论(0) 推荐(0)
摘要: 用AngularJS做项目,但凡用过什么service啊,factory啊,provider啊,开始的时候晕没晕?!晕没晕?!感觉干的事儿都差不多啊,到底用哪个啊?!别告诉我你们几个就是为了跟我炫耀兄弟多!!好吧。。。也许是我的问题,脑仁儿确实不够大,反正我是晕的直挠墙~那到底什么时候该请他们谁出场啊?经过挠墙之后挠官网文档挠google挠源码挠例子试验,终于让我把他们的区别给挠出来了!(得意的笑~~)首先,provider,value,constant,service,factory他们都是provider!(decorator小朋友先搬个小板凳坐在边上等会儿,现在还没轮到你出场哈~)pro 阅读全文
posted @ 2014-03-07 11:11 reeoo 阅读(931) 评论(0) 推荐(0)