夺命雷公狗—angularjs—15—内置封装好的计时器$interval和$timeout

这里其实和js源生的效果是一样的,但是源生的在angularjs里面不能直接正常执行代码如下所示: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/angular.min.js"></script> &…

夺命雷公狗—angularjs—6—单条数据的遍历

我们在实际的工作中常常会处理到一些数据的遍历,这些数据都是后端传到前端的,有些公司会让前端帮忙处理一点遍历的工作,废话不多说,直接上代: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href=&q…

夺命雷公狗—angularjs—10—angularjs里面的内置函数

我们没学一门语言或者框架,几乎里面都有各自的语法和内置函数,当然,强悍的angularjs也不例外,他的方法其实常用的没多少,因为很多都可以用源生jis几乎都能完成一大部分.. <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="styl…

夺命雷公狗—angularjs—18—angularjs的事件

对于一款前端框架,提起事件,很容易让人联想到DOM事件,比如说鼠标点击以及页面滚动等.但是我们这里说的angular中的事件和DOM事件并不是一个东西. 事件的发布我们可以通过 $emit() 以及 $broadcast() 来发布事件 $emit(name, args) name 发布的事件名称 args 会作为对象传递到事件的监听器中 $emit() 发布的事件,会从子作用域冒泡到父作用域,产生事件的作用域之上的所有作用域都会收到这个事件的通知. $broadcast(…

夺命雷公狗—angularjs—25—angular内置的方法（高级）

查看版本信息 angular.version console.log(angular.version); 判断是否相等 angular.equals() var str1 = ''; var str2 = ''; console.log(angular.equals(str1,str2)); var arr1 = []; var arr2 = []; console.log(angular.equals(arr1,arr2)); var n1 = NaN; var n2 = NaN; conso…

夺命雷公狗—angularjs—24—extend继承对象

我们的angularjs中也是给我们留下了方法来做继承的,那么他就是传授中的extend... 不过要如下所示,第二个参数是继承到第一个对象里面的... <!DOCTYPE html> <html lang="en" ng-app="myapp"> <head> <meta charset="UTF-8"> <title>Title</title> <script sr…

夺命雷公狗—angularjs—23—copy拷贝对象

copy这在angularjs中是一个拷贝对象的方法: <!DOCTYPE html> <html lang="en" ng-app="myapp"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/angular.min.js"></script>…

夺命雷公狗—angularjs—22—bind改指向和传参方式

在angularjs中的传参的jquery的方式是极度相似的噢,而且还可以通过bind来改变指向 <!DOCTYPE html> <html lang="en" ng-app="myapp"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/angular.min.js&qu…

夺命雷公狗—angularjs—16—angularjs里面的缓存

强大的angularjs也给我们预留了一套他的缓存机智,这样在某个程度上来说还是可以做到减轻一点服务器压力的.... <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="css/amaze…

夺命雷公狗—angularjs—13—post参数的接收发送

我们强悍的angularjs为我们不仅仅提供了他的get接收方式,而且也有post的接收方式,我们现在做一个模拟接收后端传递过来的json的数据: <?php $arr = ['user'=>'admin','pass'=>'admin888']; $arr = json_encode($arr); echo $arr; <!doctype html> <html lang="en"> <head> <meta charset…

夺命雷公狗—angularjs—9—ng-class的自定义函数的用法

angularjs里面其实给我们留下了一个很不错的地方,他就是可以直接调用函数从而对该位置进行处理, 被点击后展示效果如下所示: 开始走代码吧.... <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet"…

夺命雷公狗—angularjs—8—ng-class的简单用法

我们在正常的业务处理中往往会遇到一些逻辑类的问题,比如各行换色,现在angularjs里面也给我们提供了一个小小的的class处理的方式,废话不多说,如下所示: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet&q…

夺命雷公狗—angularjs—4—继承和修正继承

angularjs 中也有继承的方法,废话不多说,看代码: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="js/angular.min.js"></script> </head> <…

夺命雷公狗—angularjs—3—表单验证的高级用法

其实我们的angularjs都是是块状代码,其实是可以在实际开发中保存下来以后就可以达到重复利用的目的了.. 废话不多说,直接上代码: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href=&qu…

夺命雷公狗—angularjs—21—解决angularjs压缩问题

我们在实际的开发中往往离不开js的代码压缩,因为这样可以减轻服务器的压力,是的的方法如下所示: <!DOCTYPE html> <html lang="en" ng-app="myapp"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/angular.min.js&quo…

夺命雷公狗—angularjs—20—$watch监听的用法

…

夺命雷公狗—angularjs—19—angular-route

ngRoute包括的内容 ng的路由机制是靠ngRoute提供的,通过hash和history两种方式实现了路由,可以检测浏览器是否支持history来灵活调用相应的方式.ng的路由(ngRoute)是一个单独的模块,包含以下内容: $routeProvider 服务用来定义一个路由表,即地址栏与视图模板的映射 $routeParams 服务保存了地址栏中的参数,例如{id : 1, name : ‘tom’} $route 服务完成路由匹配,并且提供路由相关的属性访问及事件,如访问当前路由对应…

夺命雷公狗—angularjs—17—angularjs的静态库

在实际的开发中我们往往已经离不开我们的静态库了,因为那里面有太多强悍的功能了,比如路由都是通过一个angular-route的库来实现的,, 那个库,我们可以在百度静态资源公共库来查找,查找方法如下所示: 在这里我们即可发现有大量的angular的库,,废话不多说,下一节课来玩玩路由库angular-route…

夺命雷公狗—angularjs—14—$location的作用

废话不多说看下,我们直接来走代码看下效果如何 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/angular.min.js"></script> </head> <body ng-ap…

夺命雷公狗—angularjs—12—get参数的接收

我们在实际的开发中get和post的交互都是离不开的,我们先来研究下get参数是如何接收到的.. 而且在实际开发中利用json来进行传递参数也是比较多的,这里我们就以get来接收参数为列.. 先创建一个data.txt的文件来进行模拟以下是后端传递过来的json参数然后回到控制器页面: 显示效果和上面的是一样了,一切正常,,, <!doctype html> <html lang="en"> <head> <meta charset=&quo…

夺命雷公狗—angularjs—11—service的基本概念

我们先来研究下service里面的四大服务.. value 变量 constant 常量 factory 工厂模式 service 服务 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/angular.min.js"…

夺命雷公狗—angularjs—7—多条数据的遍历

我们这里可以来玩玩angular的块级的遍历方法了,本热感觉有点像是PHP中的以前刚入门时候的遍历方法,嘻嘻,, 不过要注意的是中间的双层汉堡{{}} 里面只能放表达式,不能放判断语句 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="…

夺命雷公狗—angularjs—5—ng-switch的用法实现下拉更换板块的实现

这个方法一般都会是和别的块状元素进行绑定同时使用的,废话不多说,直接上代码: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="css/amazeui.min.css"&…

夺命雷公狗—angularjs—2—模拟表单验证

这里我们就来借助妹子ui来搭建下模版,废话不多说,代码如下图所示: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="css/amazeui.min.css"> &…

夺命雷公狗—angularjs—1—三种数据版定方式

我们在实际开发中几乎都是脱离不掉数据绑定方式的,绑定方法如下所示: <!DOCTYPE html> <html lang="en" ng-app> <head> <meta charset="UTF-8"> <title>Document</title> <script src="js/angular.min.js"></script> </he…

夺命雷公狗-----React---10--组建嵌套进行数据遍历

先写一个组建... 然后进行嵌套.. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="./js/react-with-addons.js"></script> <script src="…

夺命雷公狗---微信开发62----所以memcache对access_token进行全局缓存优化

公众号调用接口并不是无限制的,为了防止公众号的程序错误而引发微信服务器负载异常,默认情况下, 每个公众号调用接口都不能超过一定限制,当超过一定限制时,调用对应接口会收到错误信息,造成调用失败. 我们也可以在手册里面清晰的看得到,如下所示: 我们的memcache可以将数据限时存放在内存中,我可可以将access_token放入到memcache中,将有效时间设置为2小时,在2小时内, 我们直接从memcache中获取access_token,而不是每次都从腾讯服务器中去取access_token…