任务4修改

自定义指令 ：

1、四种方式创建，第一种为默认

<div aaaa></div>
<aaaa></aaaa>

<div class="aaaa"></div>
<!-- directive: aaaa -->

分别对应对应restrict关键字AECM,可单独可组合使用，应用较多的就是第一二种吧，class指令中的表达式正确写法比较复杂，注释方法我实测的时候没有显示。

2、Template/ TemplateUrl关键字：指令被调用时插入内容或者页面。

var app=angular.module("myApp",[]);
app.directive('aaaa',[function () {
    return{
        template:'<span>'+'你好自定义指令'+'</span>',
        restrict:'AECM'

    }
}])

其中Template那一段可以用TemplateUrl：’Welcome.html’替代。如果我们的html代码足够小且容易维护，那么直接使用Template是合理的。

3、link函数

link函数和指令的关系正如控制器之于视图，既可以定义指令所需api和函数，还能控制DOM节点。

link:function($scope,$element,$sttrs){}

其中scope参数代表对应的作用域，element代表对应的元素，attes则以字符串的形式表示元素的所有属性。

老大布置的作业：

1.怎么查找资料

官方文档-w3c/实体书-百度

2.怎么定位问题

报错信息-F12断点调试

3.怎么解决问题

语法方面：自己查找，时间控制半小时，没结果就请教师兄。

逻辑方面：自己想，尝试写，往复超过2H没有实质结果的，有参考先参考其他师兄怎么写的（或者请教师兄的逻辑），然后试着理解别人的逻辑并对比和自己的进行校正。

4.怎么重构代码

（1）完成一个小项目时或者一个大项目比较独立的部分时，重构一次，这时候对整个代码的逻辑和执行比较熟悉，考虑从整体入手进行优化。

（2）过一段时间之后，学习能力有所提高，一些新的技能能够对代码有较明显的简化后，进行一次重构。能够看清楚之前代码的差距，同时对技能的熟练应用和项目的优化方式也会更加得心应手。

5.怎么选择框架

目前暂时就学了angular，或者说原生js（或者JQ）和angular的选择问题，一是看整个项目对框架体系的要求，二是考虑angular兼容性（高版本只完美兼容到IE8以上），总的来说，js是基础，angular（或者其他框架）决定上限及代码质量。

6.怎么测试

没有使用专门的单元测试工具，看视频教程有过一些介绍，官网也从来没有提及，不太清楚是否有必要深入。从代码的角度来看，完成一段正常的代码实现某个功能后，可以将实现效果以文字进行打印，在某些报错的时候能够清晰的看到代码的运行流程及报错断点的位置，便于实时调试。

收获：指令和服务相关知识点。

困难：无。

计划：明天开始重构代码，加上自定义指令和服务，后面有时间结合懒加载。