Charles_pig-CSDN博客

原创各项技术的总结与分析

1.Angular是Google公司维护的开源框架，其中包含两个大的版本：(a.Angular1.5存在的一些问题i.性能：双向数据绑定是一把双刃剑，随着组件的增加项目愈来愈复杂，双向数据绑定会带来性能问题，Angular1.5并没有数据和变量改变发出通知的功能，它有一个方法叫做dirtyChecking,它通过双向数据改变动态的改变数据，但是作用域中任何的操作都会引发dirtyChecking，随

2017-07-04 19:35:01 443

原创 angularJs-自定义服务

创建angularJs自定义服务的方法1.provider2.factory3.service4.constant5.value1.provider我们自定义服务的方式有很多种，其实都是基于provider封装的方法，下面我们了解一下他的代码规范： var mainApp = angular.module("mainApp", []); mainApp.pr

2017-06-27 20:13:54 471

原创 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 1112

原创 angularJs-The factory and service of angularJs

angularAndServiceangularJs支持使用服务的体系结构“关注分离”的概念；服务既是js函数，并负责只做一个特定的任务；这也使得他们成为维护和测试的单独实体；控制器，过滤器可以调用它们作为需求的基础。服务使用angularJs的依赖注入机制来注入。angularJs提供例如许多内在的服务，诸如：$http,$route,$window,$location等；每个服务负责例如一个特

2017-06-26 10:42:34 318

原创 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 525

原创 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 932

原创 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 295

原创 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 353

原创 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 645

原创 angularJs-论模块化写法的两种方式

angularjs模块化写法主要有两种方法： var myApp = angular.module("myApp",[])//第二个参数添加依赖，体现了angularJs的又一个特性：依赖注入； //第一种方法 myApp.controller("myCtrl",function($scope){ //代码压缩后，可能把$scope压缩成$s，这种方式，在压缩后代码会失效

2017-06-22 17:27:07 502

原创 angularJs-$http实现百度搜索时的动态下拉框

div{ overflow: hidden; margin-top: 50px; margin-left: 500px; } .container{

2017-06-22 17:17:16 1588

原创 angularJs-购物金额实例操作

价格：个数：运费：{{goods.fee}} 费用：{{fnNum() | currency : "￥"}} varmyApp = angular.module("myApp",[]); myApp.contr

2017-06-22 16:40:01 408

Charles_pig的博客