今天完成的事情：

今天主要写了【学习资料-客卿直言】的部分动画，以及部分样式完善。

分享功能样式：

职位和领域的相关动画：

明天计划的事情：

继续完善动画，熟悉jquery的用法

遇到的问题：

职位和领域这部分的动画，那个直角连接线本来打算是用ng-class来实现的。但是由于是用jquery实现的，所以无法使用angular的数据双向绑定。尝试过把点击职业类型的序数值return，然后赋值给vm.num，但是在html里面打印出来的vm.num并不是想要的值，不得已只能尝试使用jquery的写法。通过removeClass和addClass来改变样式，左右分别使用一个class名称，利用jquery设置合适的判断条件，然后添加和移除相应的类名就可以实现想要的效果了。

收获：

1、对切图技巧运用的更加熟练了；

2、进一步挖掘了position：reletive的好处：长期以来，我们喜欢把它和绝对定位搭配起来使用。其实，它也可以独立使用，表示相对于自身布局进行移动。它不会脱离文档流，某种程度上可以等效于margin，更惊喜的是可以设置负值。除此之外，它还有一个更大的用处，那就是可以设置z-index属性。因而，它不但可以应用于元素的定位，还可以设置z-index的值，可谓用处多多。

3、熟悉了jquery的一些用法。收获如下：

A、学习了了利用addClass和removeClass以及toggleClass来改变页面的样式；

B、更加熟悉了jquery事件的运用，特别是多事件一起运用。例如分享功能，用css的hover伪类发现没效果，不得已只能转向jquery。于是利用mouseover和mouseout来模拟hover的效果。用法如下：$("元素节点").on('mouseover  mouseout',function(){

 ……

});多事件用空格隔开。