今天完成的事情：

1、学习了angular的一些节点控制的内置封装的指令（ng-class、ng-style等）；

2、学习了css3的canvas标签结合js的写法在页面作出各种各样的图形；

3、听冯馨雨讲css的content属性有什么作用的小课堂；

明天计划的事情：

明天应该要进行中关村教育官网的项目吧；

遇到的问题：

对于原生js的数组操作方法还是有很多不是知道，比如数组splice（）方法向/从数组中添加/删除项目，然后返回被删除的项目，还是要继续把JavaScript高级程序设计看一遍；‍

收获：

1、ng-class指令用于给 HTML 元素动态绑定一个或多个 CSS 类。ng-class指令的值可以是字符串，对象，或一个数组。如果是字符串，多个类名使用空格分隔。如果是对象，需要使用 key-value 对，key 为你想要添加的类名，value 是一个布尔值。只有在 value 为 true 时类才会被添加。如果是数组，可以由字符串或对象组合组成，数组的元素可以是字符串或对象；

2、ng-style指令为 HTML元素添加style属性。ng-style属性值必须是对象，表达式返回的也是对象。对象由 CSS 属性和值注册，即key=>value 对；

3、使用canvas标签在页面中定义一块画布来绘制各种各样的图形

var canvas = document.getElementById("tutorial");//通过dom方法获得canvas画布

var ctx = canvas.getContext("2d");//定义2d，2d中的d要小写，大写会没有作用

ctx.fillStyle = "rgb(200,0,0)";//定义图形的背景颜色
ctx.fillRect (10, 10, 55, 50);//设置起点坐标在（10,10）,宽为55，高为50的矩形

‍‍