YOG今天有一个小伙伴在群里问，怎么让鼠标经过的移出效果和移入效果相反。
比如说
移入的时候先让元素增加宽度，接着增加高度，最后显示内部元素，
鼠标移出的时候，先收缩高度隐藏元素，最后还原宽度。
看了一些回复有些答非所问，或者推荐用 Js 的。
最开始想的是，animation 是不是有一个 direction 属性可以设置反向么，
就想看 transition 是不是也有，但是并没有。CSS transition - MDN
所以就想着用 :hover 来覆盖原先的 transition
为何百度不收录 Github Pages ???
起初还以为是应为自己写的文章很少关键词检索量不够所以没有被百度收录。
等了有几个月，Google 和 Bing 都收录了，百度还是没有动静，就查了下为啥不会被收录…
结果最后发现因为早些年
百度统计被劫持然后 DDos 攻击了 Github…
对 Github 用户造成了可用性的问题，然后被 Github Ban 掉了，对百度 UA 直接 403。
所以只能靠自己来做一些工作让百度蜘蛛可以收录自己的 Github Pages
具体方式有几种，我选择在国内搭建一个镜像（成本最低，Hexo 支持多个 Git 地址）
针对百度蜘蛛，解析到镜像服务器上以此来达到收录 Github Pages 的效果
年会终于结束了，忙了一个月，终于可以开始填坑了。
昨天把之前写了一半的 滚动侦测导航 给写完了。
写的途中就有在思考 对象属性的排序问题，
最开始我是直接用数组的下标作为年份，输出的时候会出现一堆空白 item，
然后改成赋值给一个 timeline 对象，以年为属性名，月份为内部数组元素
但是循环输出内容的时候就发现会按照正序的方式去输出属性。
比如我整理好的数据为
一个以前的小项目要改，新增一个根据时间线显示不同月份绩效的需求。
没有设计稿，想了下怎么做出来好看。就有了以下这个想法
左侧显示时间线，滑动会显示不同的年份和月份，
右侧显示不同月份的统计数据。
今天 12 月了，本来应该开始做外包的项目，但是好歹不好的长智齿了,
下午去拔了牙之后看着电脑发呆了一个下午，看来真的麻药影响 🧠 脑子。
所以，先写篇文章醒醒脑….
前天初步实现了下使用 canvas 来识别图片内容，今天就把它记录下来。
毕竟 canvas 这部分的内容是真的不懂，现学现卖，欢迎吐槽。📧 MailTo
以前一直使用的 tencent://message/?Menu=yes&uin={YourQQCode}&Site={SiteDomain} 来做的 web 端唤起 QQ 在线聊天。
这次接了一个外包是自适应的 Web 页面，在手机端点击会提示 Safari 浏览器打不开该网页，应为网址无效。
👇
我一直记忆的是
position:relative是相对于父级元素定位的，今天才发现原来自己记错了。
也想明白了绝对定位的元素使用margin:auto为什么可以实现垂直居中
今天早上心有点静不下来，就去 SegmentFault 上看了看文章，有一篇文章 【“寒冬”三年经验前端面试总结之 CSS 篇】，
里边的 垂直居中的方法四 我觉得挺奇怪的。
content: url('...');
最近在群里看到一种写伪类 content 的用法，觉得很新奇，
群友一开始使用伪类来显示一个小图标，但是这个小图标比较大，
所以他就像设置宽高来显示这个伪类，但是他怎么都设置不了这个伪类的宽高，
我就和他说你设置伪类的宽高不就好了嘛？（我一直以来都是用伪类设置背景图片的形式来做 icon）
他说不行，我就看到了这个独特的写法…
他是直接在 content 里边写了图片的 url，然后神奇的是居然可以显示 content 里填写的图片！！！
