- 博客(12)
- 收藏
- 关注
原创 各项技术的总结与分析
1.Angular是Google公司维护的开源框架,其中包含两个大的版本:(a.Angular1.5存在的一些问题i.性能:双向数据绑定是一把双刃剑,随着组件的增加项目愈来愈复杂,双向数据绑定会带来性能问题,Angular1.5并没有数据和变量改变发出通知的功能,它有一个方法叫做dirtyChecking,它通过双向数据改变动态的改变数据,但是作用域中任何的操作都会引发dirtyChecking,随
2017-07-04 19:35:01 466
原创 angularJs-自定义服务
创建angularJs自定义服务的方法1.provider2.factory3.service4.constant5.value1.provider我们自定义服务的方式有很多种,其实都是基于provider封装的方法,下面我们了解一下他的代码规范: var mainApp = angular.module("mainApp", []); mainApp.pr
2017-06-27 20:13:54 506
原创 angularJs-浅谈directive里面的隔离作用域
什么是scope我们在使用angular的时候,当我们定义ng-app的时候,就产生了一个作用域,只不过是ng-app所产生的作用域是根作用域,它是所有$scope的最顶层;除了ng-app能够产生作用域,如ng-controller, ng-repeat,factory and service,directive都能产生作用域,作用域有层次结构,这个层次和相应的DOM几乎是一样的,它能监控表达式和
2017-06-27 14:58:49 1145
原创 angularJs-The factory and service of angularJs
angularAndServiceangularJs支持使用服务的体系结构“关注分离”的概念;服务既是js函数,并负责只做一个特定的任务;这也使得他们成为维护和测试的单独实体;控制器,过滤器可以调用它们作为需求的基础。服务使用angularJs的依赖注入机制来注入。angularJs提供例如许多内在的服务,诸如:$http,$route,$window,$location等;每个服务负责例如一个特
2017-06-26 10:42:34 356
原创 angularJs-指令
angularJs里面的指令我们经常用的指令有:<1.ng-click/ng-dbclick<2.ng-mousedown/ng-mouseup<3.ng-mouseenter/ng-mouseleave<4.ng-keydown/ng-keyup/ng-keypress<5.ng-focus/ng-blur<6.ng-submit那么和javascript里面的onclick…有什么区
2017-06-23 17:49:55 552
原创 angularJs-Tab切换
tab切换:仅实现功能,css样式较简单<!doctype html><html lang="en" ng-app = "app"><head> <meta charset="UTF-8"/> <title>Document</title> <style type="text/css"> .container{ border: 1p
2017-06-23 15:29:25 971
原创 angularJs-工具方法3
angular.identity()和angular.noop();var str = "hello";var ret = angular.identity(str);console.log(ret);类似:function(str){ return str //返回的是内容本身;}var ret = angular.noop();console.log(ret);//值:unde
2017-06-23 14:10:17 309
原创 angularJs-工具方法2
angular.versionvar ret = angular.version ;console.log(ret);返回值:对象,angular的版本信息!angular.equals()var a = 1 ;var b = 1 ;var ret = angular.equals(a,b);返回值:true;注意:与javascript的不同:javascript:var ret
2017-06-23 10:20:46 373
原创 angularJs-工具方法!
angularJs的工具方法!angular.bind():与Jquery里面的$.proxy()类似,作用:改this指向; <script> function show(n1,n2){ alert(n1); alert(n2); alert(this); } //三种传参方式: 1. angul
2017-06-22 19:44:26 679
原创 angularJs-论模块化写法的两种方式
angularjs模块化写法主要有两种方法: var myApp = angular.module("myApp",[])//第二个参数添加依赖,体现了angularJs的又一个特性:依赖注入; //第一种方法 myApp.controller("myCtrl",function($scope){ //代码压缩后,可能把$scope压缩成$s,这种方式,在压缩后代码会失效
2017-06-22 17:27:07 519
原创 angularJs-$http实现百度搜索时的动态下拉框
div{ overflow: hidden; margin-top: 50px; margin-left: 500px; } .container{
2017-06-22 17:17:16 1652
原创 angularJs-购物金额实例操作
价格: 个数: 运费:{{goods.fee}} 费用:{{fnNum() | currency : "¥"}} varmyApp = angular.module("myApp",[]); myApp.contr
2017-06-22 16:40:01 438
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人