enoyao comments

Results 181 comments of


                                            enoyao

directive组件化开发

[学习AngularJs:Directive指令用法（完整版）](http://www.jb51.net/article/83051.htm)

**angular.html** ``` {{name}} var app = angular.module('wsscat',[]); app.controller('indexCtrl',['$scope','$http',function($scope,$http){ $scope.name = "cat"; $http.jsonp('http://127.0.0.1:8888/http.js?name=wsscat&skill=cat&callback=JSON_CALLBACK').success(function(data){ console.log(data); }) }]) ``` **http.js** ``` //http //fs IO //url //querystring var http = require('http'); var url =...

路由

**$http**是 AngularJS应用中最常用的服务。服务向服务器发送请求，应用响应服务器传送过来的数据，是一个异步请求数据的方法 $http()接受的配置对象可以包含以下属性: - **method**:http请求方式，可以为GET,DELETE,HEAD,JSONP,POST,PUT - **url**:字符串，请求的目标 - **params**:字符串或者对象，会被转换成为查询字符串追加的url后面 - **data**:在发送post请求时使用，作为消息体发送到服务器 - **headers**:一个列表，每个元素都是一个函数，返回http头 - **xsrfHeaderName**(字符串)：保存XSFR令牌的http头的名称 - **xsrfCookieName**:保存XSFR令牌的cookie名称 - **transformRequest**:函数或者函数数组，用来对http请求的请求体和头信息进行转换，并返回转换后的结果。 - **transformResponse**:函数或者函数数组，用来对http响应的响应体和头信息进行转换，并返回转换后的结果。 - **cache**:布尔类型或者缓存对象，设置之后angular会缓存get请求。 - **timeout**:数值，延迟请求 - **responseType**：字符串，响应类型。可以为arraybuffer, blob,document,json, text,...

路由

``` //旧的读取和设置方法 var data = document.getElementById('data').getAttribute('data-example'); var data1 = document.getElementById('data').getAttribute('e'); //document.getElementById('data').setAttribute('fuck','love'); //新的读取和设置方法 //相当于docunment.getElementById //首先要获取这个节点，再去读这个dataset对象，然后用驼峰的方法把(data-)后面的变量读取出来 var data2 = document.querySelector('#data').dataset.exampleDemo; //相当于document.getElementsByTagName var data3 = document.querySelectorAll('#data')[0].dataset.exampleDemo; //设置的(data-)值的方法 document.querySelector('#data').dataset.exampleDemo = 'love'; ``` 以`data-XXX`这种形式保存值在html标签的方法是H5新增的方法首先它可以兼容我们旧版`getAttribute`的方法去获取值也适用`setAttribute`方法去设置值...

路由

$rootscope可以在两个控制器间交换数据 ``` //路由就是#这个符号加这个字符串/home——>#/home app.controller('homeCtrl',['$scope','$rootScope',function($scope,$rootScope){ //利用$rootScope交换数据 $rootScope.exchange = '123'; $scope.name = '123'; }]) ``` 当我们在home.html进行控制器切换的时候，$rootScope.exchange就可以在另外控制器中被读取 `利用$rootScope在控制器之间交换数据` ``` app.controller('detailCtrl',['$scope','$rootScope',function($scope,$rootScope){ console.log($rootScope.exchange); $scope.name = '123'; }]) ``` 但是当我们刷新页面的时候$rootScope就会丢失

控制器

1.`ng-app`指令定义一个AngularJS应用程序 `var app = angular.module("angularDemo", []);` 2.`ng-controller`指令定义了应用程序控制器，控制作用域 ``` app.controller('studentCtrl', function($scope, $rootScope) { //数据操作 }) ``` 解决压缩的一种写法，把他整个传回调函数的过程，改写成数组的形式存放 ``` app.controller('studentCtrl', ['$scope', '$rootScope',function($scope, $rootScope) { //数据操作 }]) ``` 3.`$scope`为控制器作用域、控制范围内生效的对象，只在所在的控制器生效 `$scope.wsscat = 'a';` $scope也是应用在HTML(视图)和JavaScript(控制器)之间的纽带，实现单向绑定...

Javascript深浅拷贝

## Javascript数组存放函数在javascript中函数也是一种数据，能够像操作一个对象对它进行操作。并且javascript不进行数据类型检查，数组可以存放任何东西，在下面代码中我们不但在数组中存放了函数，并且也可以在存放一个执行函数的返回值，所以数组前两个数据存放都是函数执行返回值 ```js var funcA = function() { console.log("funcA"); return "hello funA"; } var funcB = function() { console.log("funcB"); return "hello funB"; } var funcC = function() { console.log("funcC");...

enoyao

directive组件化开发

angular运用jsonp

路由

路由

路由

控制器

Javascript深浅拷贝

Javascript深浅拷贝

那些你很冒险的梦

Remember