06/5
2017
通过使用css的after、before伪元素，我们可以对html元素追加内容。今天我在对img元素使用after、before伪元素时发现不生效，后来确定是after、before伪元素对于img标签这类不支持内嵌其他标签的标签无效。
如下图，是对p标签使用after，正常。
注意，如果生效的话，我们在开发者工具里能看到红框处添加了伪元素。
下面是对img元素使用after，css规则是正确加载了的，但是没有给img标签追加伪元素。
后来我思考了一下，发现伪元素生效时，在html里追加的伪元素是位于标签内的。但img标签不能再嵌套其他标签，所以这时候伪元素就不生效了。
以此类推，其他一些不能嵌套子元素的标签应该一样不能使用after、before伪元素。
后来我去MDN上看了看这俩伪元素的定义，确实是这样。国内的一些网站上的资料则是说在元素前/元素后追加伪元素，害人不浅。
img元素不能使用after、before伪元素的研究
06/3
2017
《比基尼勇士》（ビキニ・ウォリアーズ、Bikini Warriors）是一部于2015年播出的泡面番，其TV版虽然是表番，但是福利十足，画风也好，虽然有各种障碍物充当圣骑，但是只消脑补一下，便是十分实用的魔法素材了。后面发售的无修版BD就更好用了。
《比基尼勇士》TV版可以在bilibili观看。
BD无修版磁力链接（包含13话和OVA）
这个无修版的资源来自Nyaa，注意事项：
这个里面的视频是英文/日文双音轨的，默认是英文，如有需要请自行切换。
内置的两种字幕都是英文的，如果需要，你可以单独下载1-13集的中文字幕。
在1-12集里，有些集数有两个视频，文件名里带“Hyper Sexy”的是无修版。有几集是没有无修版的。
ps：上面的字幕里没有两个ova的字幕；我修改了默认字体和描边颜色。字幕文件我只写了序号。
下面放些我在b站看的时候的一些截图，相见恨晚啊。
Read More →
《比基尼勇士 Bikini Warriors》BD无修版下载
06/1
2017
mimi上有个巧克力与香子兰的主题我用了有一段时间了，做的很精致，而且也超萌~而且居然是免费的，真是太良心啦QAQ
所以今天我就来安利一下，巧克力与香子兰主题 小米主题商店
锁屏：（主题带的锁屏壁纸有多个，这张图是第二个 pid=5123982）
推荐一个巧克力与香子兰的miui主题
05/31
2017
dedecms（织梦）的文章在修改后不会自动更新文章简介。我们可以用下面的办法清除简介并重新生成：
首先在 系统→SQL命令行工具里，执行如下语句：
update dede_archives set description="";
然后到 核心→批量维护→自动摘要|分页 里面批量生成摘要即可。
dedecms 批量更新文章摘要的方法
05/30
2017
pid=60222888
今天是端午节，也是站长的生日哒~感谢各位朋友的祝福~
5月里番合集资源：
桜都字幕组：
magnet:?xt=urn:btih:8260284beec623bc8aa034a0fe45f6d27a3d525d
目录：
[BOOTLEG]第二次裏入学試験 THE ANIMATION
[PoRO petit] 転生剣奴の子作り闘技場（ハーレムコロッセオ） 「甲冑巨乳エルフ・デュランタ～孕み孕まれ白濁流し」
[EDGE（エッジ）]レジデンス 上巻 ～闇の中の想像～
[ピンクパイナップル] ヤリモクビーチに修学旅行で!! THE ANIMATION 第3話
[Studio Zealot] Zトン人外アニメーション A Beautiful Greed Nulu Nulu
[ばにぃうぉ～か～] OVA 冥刻學園 受胎編 ＃2 「お兄ちゃんに中出しされて、私……とても嬉しかったよ」
[鈴木みら乃 petit] 自宅警備員 2ndミッション ナマイキ美乳次女・由紀～編
2017年5月里番合集
05/29
2017
这是我在pixiv上搜索“アナル 5000users入り”和“アナル 10000users入り”的结果，也就是“アナル”收藏数达到5000和1000的图片。
度盘链接：
https://pan.baidu.com/s/1jJ7ID18 提取码:h31w 解压密码:13579
アナル这个tag是什么意思呢，其实就是后庭……菊花，嗯 你懂得
顺便本站文章没有“r18”这个tag，因为大家都是文明人，比较含蓄嘛~我用的tag一直是“H”。
pixiv上的"アナル"tag图片
05/26
2017
现代浏览器都支持html5的video标签，在网页中插入视频和播放视频都变得非常简单。但是要兼容IE8的话则比较麻烦，因为IE8不支持video标签，还得使用flash播放器来播放视频。难道因为IE8的拖累，我就只能使用flash播放器了吗？
当然不是，理想的解决方案是在现代浏览器上使用原生video标签，在低版本IE浏览器上使用flash播放器。html5media就是这样一个视频解决方案，我们只需要写标准的video标签就行了。在低版本IE浏览器里，html5media会自动调用flowplayer这个flash播放器进行处理，非常的方便。
使用步骤：
1.下载html5media的压缩包，然后找到dist→api文件夹，把要使用的api文件夹复制到项目文件夹里。
2.在网页上引用html5media的js文件：
<!--[if lt IE 9]> <script src="path/html5media.min.js"></script> <![endif]-->
这样，在IE8及更低版本的浏览器里，就会引入html5media的js文件了。
再次提醒：要复制使用的api的整个文件夹，包括里面的几个swf文件，不然IE8里就歇菜了。
3.设置video标签。
<video src="/f/nico.flv" width="720" height="405" poster="/f/nico_poster.jpg" controls preload="meta"></video>
这样就完成了。
Read More →
使用html5media视频解决方案支援IE8的视频播放
05/25
2017
05/23
2017
说到ajax，不能不提到跨域限制这个问题。与跨域紧密相连的是referer，如果referer相同，就不会触发跨域限制；反之则视为跨域。
但发生跨域时，能否请求到跨域资源，也分两种情况：
第一种：服务器端不检查referer，这时候是否受跨域限制，由浏览器管理。
这时是否触发跨域限制，全由浏览器自己判断。比如在网页上用img标签插入一张跨域的图片，浏览器是不会触发跨域限制的，可以正常加载图片。但用ajax获取的话，浏览器就会触发跨域限制，获取不了。
这时候就算跨域了，服务器也是允许浏览器去下载文件的，只是看浏览器自己愿不愿意。
第二种：服务器端会检查referer，不符合规则的就拒绝。
这时候浏览器就吃瘪了，用img标签来插入图片也不行，这也是通常的防盗链手段。
如果我们在请求头里设置合法的referer，就可以破解跨域限制，但目前运行在浏览器宿主环境内的JavaScript实现不了这个功能，需要交给后台程序来做。如果只为了破解referer就单独做个后台文件，比较麻烦。但是我们使用油猴脚本的话，就不用写后台文件了，比较省事。
油猴脚本管理器（Greasemonkey或Tampermonkey等）由于是浏览器的扩展程序，可以设置请求头，包括伪造referer。它们都封装了一个GM_xmlhttpRequest方法，可以在用户脚本（UserScript）里调用。
今天我进行了测试，确定是可行的。示例代码如下：
// ==UserScript==
// @name test GM_xmlhttpRequest
// @description test
// @namespace https://greasyfork.org/ja/users/24052-granony
// @author me
// @version 0.1
// @include https://greasyfork.org/*
// @grant GM_xmlhttpRequest
// @connect i.pximg.net
// @connect i1.pixiv.net
// @connect i2.pixiv.net
// @connect i3.pixiv.net
// @connect i4.pixiv.net
// @connect i5.pixiv.net
// ==/UserScript==
GM_xmlhttpRequest({
method: "GET",
url: "https://i.pximg.net/img-original/img/2017/05/16/00/20/10/62921231_p0.png",
headers: {
referer: "https://www.pixiv.net/"
},
overrideMimeType: "text/plain; charset=x-user-defined",
onprogress: function(xhr) {
console.log(xhr.lengthComputable + "," + xhr.loaded + "," + xhr.total);
//xhr.lengthComputable:布尔值，是否可以获取到文件总长度
// xhr.loaded：已加载的字节数
// xhr.total：文件总字节数
},
onload: function(xhr) {
var r = xhr.responseText,
data = new Uint8Array(r.length),
i = 0;
while (i < r.length) {
data[i] = r.charCodeAt(i);
i++;
}
blob = new Blob([data], {
type: "image/png"
});
var blobURL = window.URL.createObjectURL(blob);
var downA = document.querySelector("h1 a");
downA.href = blobURL;
downA.setAttribute("download", "a.png");
downA.click();
window.URL.revokeObjectURL(blobURL);
}
})
上面代码的功能是下载一个跨域并且服务器设置了referer防盗链的文件，下载后将其转换为blob对象保存到本地。
首先要授予这个脚本调用GM_xmlhttpRequest的权限：
// @grant GM_xmlhttpRequest
但光这样还不够，还要在@connect里指定跨域获取文件时文件url里的域名。如果文件url的域名没有在@connect里指定，则GM_xmlhttpRequest会报错。
如果跨域文件没有设置referer防盗链，那么到这里就够了，跨域问题会被自动处理（。
但示例代码里的url有防盗链设置，而且比较奇葩，服务器要求的其实是个不同源的referer，同源的referer反而不行。这就需要我们在GM_xmlhttpRequest方法的headers参数里设置合法的referer了：
headers: {
referer: "https://www.pixiv.net/"
}
其实上面的代码里还有个挺纠结的地方，就是把接收的数据转换为blob对象的过程。
JavaScript原生的XMLHttpRequest对象和jQuery的ajax方法都可以设置把接收的数据自动转换为blob类型，如：
xhr.responseType="blob";
这样拿到的response直接就是blob对象，但这个办法油猴的GM_xmlhttpRequest里测试不行。我见到有的油猴脚本在GM_xmlhttpRequest里设置了：
responseType: "blob",
我试了也不行，不知道人家是怎么用的，反正我这里测试是不行……
后来我在github上找到了一个办法可以把接收的数据转换为blob对象，就是上面代码里用的，看着挺费劲。主要是做了三个工作：
1：请求前设置overrideMimeType；
2：onload之后用Uint8Array和charCodeAt将数据正确的转换为blob对象。
Uint8Array和charCodeAt和这俩我之前完全不认识，看到的时候一脸懵逼：
后来我深入了解了上面步骤的作用：
overrideMimeType告诉服务器需要返回无格式纯文本的mime-type，而不是image/jpeg、image/png等图像格式。
Uint8Array是创建一个指定长度的无符号数组，charCodeAt则用来把response逐字节转换为Unicode编码（response都是string）。
怪不得我之前简单粗暴把response放进数组里转换成的blob对象有问题，还是姿势太低。
其他参考资料：Greasemonkey wiki
使用GM_xmlhttpRequest设置referer获取文件
05/22
2017
这次的资源是由群友JS整理的《碧蓝幻想》汉化本子合集，真是良绅呀~
此资源已失效
部分预览：
