随手记录自己的学习过程
media 中有一个属性 prefers-color-scheme ，用 matchMedia() 来检测 (prefers-color-scheme: dark) 是否存在就可以了。
截止2019年11月15日，目前经过测试可以直接 Debug DarkMode 的浏览器（以最新版为准）：
其中 Firefox 可以通过安装插件实现 Dark Mode Debug（兼容性不是很好）。
最近我在 Element 里看到了一个 issue：el-image preview bug。之所以导致了这个 Bug，我觉得某种意义上来说就是因为 image 组件的
viewer（蒙版）模块开发时，没有充分理解z-index到底是怎么起作用的。
在此之前，我们先来看一下下面这个例子：
（自从学日语之后每天光日语就竭尽全力了（而且还要追星不是）所以一直没更新，但是这个必须写一下……）
在探究邮件兼容性之前，先友情提示：请在防盗链白名单里加上各邮箱供应方的域名，以防图片 block。
这几周老板交给了我一个伟大而光荣的任务：
![15648402520372.jpg][1]
说起 Lint tools，其实不如说是 Vue 的 Lint tools 推荐，在过去我对 Vue.js 的 Lint 感受的不够深刻，由于 Vue.js 是由
.vue的后缀名组成的 template file，那样 Lint 其实是不好做的，但是万万没想到，这年头 Lint 工具超发达的，什么都有——
lint 界元老，也是最基本的一个 lint 工具，即使别的你什么都不配，相信你也至少会使用 eslint 来管理你的项目。
作为一个 CSS 渣，这次在看到一个 Vue 组件库的按钮里有个点按之后的效果之后跃跃欲试。
效果大概长这样：
![2018-08-26 13.20.35.gif][1]
首先先观察了一番，大概得到以下特征：
今天，我的一个同学想要简单的实现一个文本根据 container 自动换行的效果，嗯，可以说是非常 basic 了，然而……依旧遇到了一点坑：
如下：
之前在 JavaScript 优化拖移效果 中，我曾经简单讲过：
之后，如果需要在移动时取消所有鼠标的响应时间，可以通过调整
pointer-events样式来修改，在变更拖动状态时修改 body 的 style 即可。
但没有进行过详细的介绍，这次正好结合了其他点仔细讲讲。
之前有个小伙伴问了一个问题，我觉得挺有意思，也是我之前有几次想到的，后来由于种种方法曲线救国，就这么忽悠过去了。
这次在 Google 又查了一下，依旧没有 parent selector，参考 CSS TRICKS介绍了两种方法：
上周和上上周一直苦恼于加动画，因为作为一个永远只能脑补出第一帧和最后一帧的动画渣，永远都不知道中间发生了什么，而这次遇到了一个问题，本身我的位置依靠的是
position: fixed和一个依靠display: flex定位居中的元素来进行布局的，在动画表现时出现了位置不对的问题。
在一番 Debug 后（Emmm 具体的 Debug 方式就是控制变量法，人肉 Debug），我最后确定是 transform: scale(...) 和 position: fixed 的冲突问题。
最近在做一个前端项目（对我终于写前端了），在做动画的时候发现网页很卡，后来发现是 CSS 动画的问题，刚开始开启了 3D 加速，发现然而并没有什么卵用，后来我就开始搜一下这个属性有没有什么过渡方案，就引发了一连串的故事……
SVG 中 path 可以构造很多形状，如果要绘制一些动画效果，有两个 stroke 属性非常关键：stroke-dasharray 和 stroke-dashoffset。