在 Vue 的世界里探索了几年，近期整理了下平时写过的妖代码，分享出来误人子弟一把。以下任何内容请在家长陪同下尝试，不要轻易在生产环境中尝试。

一、通过魔法属性 __vue__ 获取 vue 实例

Vue 会为每一个实例挂载的 DOM 对象添加一个 __vue__ 属性，这个属性对应的值就是这个实例本身。利用这个属性，我们不仅可以在生产环境进行 debug，甚至可以实现在子组件直接更改父组件状态等黑魔法。

代码

0x00 比特币勒索

有一阵子经常有 GSR 的用户反馈说登录不上，检查到最后发现都是因为 mongodb 的数据被清了。所幸定时脚本有备份，因此每次也都是草草地恢复备份没有深究。

直到这次有用户让我帮忙重置密码，我登服务器看 mongodb 数据的时候，发现了一个本不该有的名为 Warning 的 collection。

写博客真的是件非常叫人头疼的事情。

现在基本上每天两点一线工作完回家刷刷 Github，敲个几行代码就十一二点了，要是再看上两页书，轻轻松松破十二点都是没问题的。碰上和朋友同事群里唠唠嗑，一整天下来根本没有总结的时间。退一步说，就算有总结的时间，几乎没有记录下来的时间不是？

偶遇周末排期放空，经常睡到中午，磨蹭着解决顿饭，要么是在家打会儿游戏，要么就是出门打会儿游戏。什么？你说别打游戏了？“不打游戏是不可能的，这被几都不可能的，哎哟我超稀饭海拉鲁的，我老婆米法说话超好听”。

有时候就会想，大概社会人最大的悲哀就是地球只要 23.75 小时就能绕太阳转一圈这件事情吧。

XLD（X Lossless Decoder）是一款 macOS 上的音频转换软件。虽然 iTunes 本身也支持音频转换，但不支持整轨 + cue 或者一些无损格式是其一大诟病。

好在 XLD 提供了比较全面的转换、抓轨等功能，解决了大部分个人日常灌爆播放器的需求。

然而用了很长一段时间的 XLD 后也发现了这款软件的硬伤——不支持 TAK。确切来说也不算是 XLD 的缺点，毛病其实是来自 TAK 本身的。

纪念一下 2018 年的第一个 event！

记得 2016 年 11 月 22 日 OOR 第一次来上海梅奔演出的时候我还是个纯路人。OOR 的歌前前后后大概也就听过三两首，连路人粉都算不上。整场 Live 下来就很尴尬，全程燃点没 get 到也就算了，甚至全场大合唱的「wherever you are」都跟不上。

到家翻专辑出来听了下就后悔了，怨自己没早接触 OOR，不过事到如今说什么都晚了。好在我倒是记住了终场前 Taka 在梅奔的舞台上说的那句「We’ll see you soon, I promise」。于是一直盼啊盼，等着 Taka 再来上海兑现他的 promise。

一晃眼一年多的时光就过去了。终于！

家里有台闲置的最低配 2015 年款 Macbook Air，今天实在闲得无聊就拿来装了个 Linux 系统跑着玩玩，下面简单地记录一下操作步骤。

对 Mac 痛下杀手前，先要做一些准备工作。常规的无非就是需要磁盘空间大于 2GB 的 U 盘（不管里面有什么，反正一会儿都是要抹干净的 lol）、足够多的磁盘空间；其次是要下载一个适合自己的 Linux 发行版镜像，这里准备的是 Elementary OS 0.4.1 Loki，毕竟捣腾了整个大学时光，基于 Ubuntu 的衍生版也比较无脑；最后的最后就是要有一颗就算电脑变砖也毫不心疼的强大内心。

因为手头只有 macOS 系统，所以无特殊说明的话，以下的操作均在上述 Macbook Air 上执行：

先用系统自带的磁盘工具格式化掉 U 盘，文件系统选择 MS-DOS(FAT)

歌词原文

ありガとウ
わたしハ
あaAア

Lux umbra sancta infernos
Lex fides ad dialects
Quo vadis in (Venom) diabolus
Quo vadis ex (Venom) diabolus
Delenda est anima

雨は止まず
絡みつき
肢体を嬲る
黒く咲いて

由于平时常用博客发表一些涉及日文相关的文章，免不了在标题中使用到一些日语。然而在将生成html部署到服务器上后，这些带了日语的标题经常会出现404 Not Found的情况。

起初我以为是生成的Permalink有问题。因为在复制了服务器上对应的文件名后再手动输入链接地址，居然是能直接访问到目标网页的。于是我比对了一下生成的Permalink和实际能够访问到文章的URL，发现了其中的玄机：

表面上看到的是同一串字符串，浏览器对它们分别进行URL encode出来的结果却一长一短，只有部分相等。尝试复制两串字符串，在控制台中进行全等比较发现看上去相同的两个字符串实际上并不全等。剔除相等部分后可以看到两边不一样的地方。

歌词原文

絡めた軌跡になぞる
消えていく
螺旋は凍蝶になり

あなたの仕草が
垂り 声刺して
わたしを呼ぶの
夢と迷いつつ

かりそめの踊る
色彩は弧を描き

曾经在《利用Canvas实现网页文字颜色渐变》一文中提到过用Canvas解决非webkit/blink内核浏览器展示渐变色文字的方案。

用Canvas处理一些CSS难以解决的问题看似酷炫，实则有若干痛点（可能还不止这几点）：

• JavaScript掺和进了样式层面，有违纯粹原则；
• Canvas依赖分辨率，对文本的渲染支持很差；
• 在不支持Canvas的浏览器上难以回退样式。

因此在这里介绍下上次文章中提到的另一种网页文字颜色渐变的实现方案——SVG，它可以在一定程度上解决Canvas的这些痛点（当然也会引入一些新的问题，下面会提到）。下面祭出我们的利器，SVG Texts & Gradients。