发表于: 2017-07-02 22:39:43

1 881


今天完成的事情:

一.继续完善小课堂,知道了call和apply的区别;

对于 apply、call 二者而言,作用完全一样,只是接受参数的方式不太一样。例如,有一个函数定义如下:

var func = function(arg1, arg2) { };

func.call(this, arg1, arg2); 

func.apply(this, [arg1, arg2])

其中 this 是你想指定的上下文,他可以是任何一个 JavaScript 对象(JavaScript 中一切皆对象),call 需要把参数按顺序传递进去,而 apply 则是把参数放在数组里。JavaScript 中,某个函数的参数数量是不固定的,因此要说适用条件的话,当你的参数是明确知道数量时用 call 。 而不确定的时候用 apply,然后把参数 push 进数组传递进去。当参数数量不确定时,函数内部也可以通过 arguments 这个伪数组来遍历所有的参数。

二.学习了ng-route和ui-route,

1、载入了实现路由的 js 文件:angular-route.js。 

2、包含了 ngRoute 模块作为主应用模块的依赖模块。 angular.module('routingDemoApp',['ngRoute']) 

3、使用 ngView 指令。 <div ng-view></div> 该 div 内的 HTML 内容会根据路由的变化而变化。

4、配置 $routeProvider,AngularJS $routeProvider 用来定义路由规则。 

举个栗子:

module.config(['$routeProvider', function($routeProvider){ 

$routeProvider .when('/',{template:'这是首页页面'})

 .when('/computers',{template:'这是电脑分类页面'}) 

.when('/printers',{template:'这是打印机页面'})

 .otherwise({redirectTo:'/'});

 }]);

明天的计划:讲小课堂,完善JS6

遇到的问题:ng-route暂时也只是会照着模板套着用,理解的不是很多,ui-route好像更复杂,不过它可以进行更深层的嵌套,

收获:知道了call与apply的区别;学会了用ng-route


返回列表 返回列表
评论

    分享到