官网在介绍生命周期的时候，给出了图示，并且说你不需要立马弄明白所有的东西，不过随着你的不断学习和使用，它的参考价值会越来越高。第一次看图的时候，简单浏览。后面找到一些实际项目来看发现钩子函数的定义十分常见，而自己对于钩子函数是哪个阶段起作用认识很模糊，便回头重新理解生命周期图，遂有此文。

完成功能

这是一种支持多种元素的表单，包括下拉框，编辑器，日期选择器，颜色选择器等。
Angular Schema Form是分schema，form,data三块Json去定义表单。在controller里面，schema定义了数据结构，form定义了UI，model绑定了用户的输入。在html中使用统一的写法，使用ng-schema，ng-form与ng-model指令分别绑定，最后可呈现出不同的表单。

运维门户中心是一个集组织管理、应用管理、栏目订阅等功能的综合平台，登录界面一直比较朴素，为了美化登录界面需要选取背景。参考了一些线上门户的登录背景，比如Google的背景是用svg写的，知乎是用canvas写的。比较起来，canvas写的动画视觉效果更好，决定学习下知乎背景的写法。

整体思路

获取画布渲染上下文，生成制定个数的随机坐标点，给每个点不同的初始速度使之运动。在两两点之间建立联系，给连线一个透明度值，使两点越近连线越明显，以符合日常生活经验。根据速度改变坐标，遇到屏幕边界时，做穿越或碰撞处理。在浏览器重绘之前更新画布。