今天完成的事情：

今天完成了任务6路由的搭建，成功实现单页面跳转，用的ui-router实现的。然后主要是小课堂的编写。

明天计划的事情：

 明天还是任务7的征程，先保持快节奏，把任务都撸完，然后再慢慢优化，因为初学，所以先让代码跑起来才是王道。

遇到的问题：

任务6的路由搭建完跑不同，后来发现写的有问题，ui-sref=".article"，这里不应该加点。因为不是子页。。。

收获：

整理小课堂精华

任何程序设计语言都有作用域的概念，简单的说，作用域就是变量与函数的可访问范围，即作用域控制着变量与函数的可见性和生命周期。在JavaScript中，变量的作用域有全局作用域和局部作用域两种

       1.全局作用域(Global Scope)

       在代码中任何地方都能访问到的对象拥有全局作用域，一般来说一下几种情形拥有全局作用域：

       (1)最外层函数和在最外层函数外面定义的变量拥有全局作用域，例如：

       (2)所有末定义直接赋值的变量自动声明为拥有全局作用域，例如：

       (3)所有window对象的属性拥有全局作用域

        2. 局部作用域(Local Scope)

       和全局作用域相反，局部作用域一般只在固定的代码片段内可访问到，最常见的例如函数内部，所有在一些地方也会看到有人把这种作用域成为函数作用域

        作用域链(Scope Chain)

                有了JavaScript的作用域的划分，那么可以将JavaScript的访问作用域连成一个链式树状结构.

                JavaScript的作用域链一旦能清晰的了解，那么对于JavaScript的变量与闭包就是非常清晰的了.

                下面采用绘图的办法，绘制作用域链.

                3.1 绘制规则：

                1) 作用域链就是对象的数组

                2) 全部script是0级链，每个对象占一个位置

                3) 凡是看到函数延伸一个链出来，一级级展开

                4) 访问首先看当前函数，如果没有定义往上一级链检查

                5) 如此往复，直到0级链

            先看一段代码

            <pre>

                <code>

                   var num = 10;

                   var func1 = function() {

                    var num = 20;

                    var func2 = function() {

                    var num = 30;

                    alert(num);

                    };

                    func2();

                    };

                    var func2 = function() {

                    var num = 20;

                    var func3 = function() {

                    alert(num);

                    };

                    func3();

                    };

                    func1();

                    func2();

                下面分析一下这段代码：

                -> 首先整段代码是一个全局作用域，可以标记为0级作用域链，那么久有一个数组

                var link_0 = [ num, func1, func2 ];// 这里用伪代码描述

                -> 在这里func1和func2都是函数，因此引出两条1级作用域链，分别为

                var link_1 = { func1: [ num, func2 ] };// 这里用伪代码描述

                var link_1 = { func2: [ num, func3 ] };// 这里用伪代码描述

                -> 第一条1级链衍生出2级链

                var link_2 = { func2: [ num ] };// 这里用伪代码描述

                -> 第二条1级链中没有定义变量，是一个空链，就表示为

                var link_2 = { func3: [ ] };

                -> 将上面代码整合一下，就可以将作用域链表示为

                   // 这里用伪代码描述

                   var link = [ // 0级链

                   num,

                   { func1 : [ // 第一条1级链

                   num,

                   { func2 : [ // 2级链

                   num

                   ] }

                   ]},

                   { func2 : [ // 第二条1级链

                   num,

                   { func3 : [] }

                   ]}

                   ]; 

其实作用域链就是JS引擎查询数据的一个链表，后定义的覆盖先定义的，查询不到定义的数据就往深一层查询，一直到全局作用域为止       

function changeColor(){

    document.getElementById("btnChange").onclick=function(){

        document.getElementById("targetCanvas").style.backgroundColor="red";

    };

}

这段代码可以重写如下

    function changeColor(){

    var doc=document;

    doc.getElementById("btnChange").onclick=function(){

        doc.getElementById("targetCanvas").style.backgroundColor="red";

    };