今天完成的事情：

上b站时发现它们的导航栏部分在被鼠标划过的时候，底部的蓝色边框和修真院官网的白色边框出现方式不一样。

官网的就是普通的hover，原地出现原地消失，b站的则是水平左右滑动的，研究了一下，那个不是botder-bottom，是一个绝对定位的div，用transition和hover设置了不同的left值和width值，所以位置和宽度都能渐变，视觉效果更优，但是不能自适应。

继续在w3c上刷js基础知识点。

明天计划的事情：

买本Js DOM编程艺术实体书，书到前先在w3c上学，多看看师兄师姐们的日报，总结他们的学习经验

遇到的问题：

看师兄日报的时候，发现自己基础还是不扎实，虽然任务一看代码能看懂，但这毕竟不是完全靠自己想逻辑想思路写出来的，有些师兄把《JacaScript DOM编程艺术》看了一遍，有些师兄把慕课上的基础篇和进阶篇刷了一遍，有些则在w3c上把基础知识过了一遍，可我这两天却犹疑不定，一会儿看看书，一会儿又去看看w3c，一会儿又去做任务看代码，可以说是事倍功半。而且在电子屏幕上看这种专业书籍，效率也比不上看纸质书。为了之后的js任务的顺利进行，我还是先沉下心来，老老实实把基础过一遍。

收获：

搜索过程中还发现transition放在相关类或id的样式里或者放在:hover伪类里效果是有差别的，如果只放在相关类的样式中，比如：

a{transition:all 1s;} ， 则过渡效果包括正常->hover->正常

如果只放在:hover部分，如：

a:hover{transition: 1s;} ， 则过渡效果只有正常->hover这一部分，鼠标移开后会瞬间变为原状态

如果在两部分都有transition，如：

a{transition: all 1s;} a:hover {transition: color .5s;}

则color之外的其他属性的transition只显示hover->正常这部分

说起来有点费口舌，但写几个例子就很容易明白了。