01/29
2017
现在终于实践了一次。
要注意的是普通PC都是64位UEFI只能安64位系统。
7的UEFI支持不全，想用U盘装Win7的话
最简单的是，找个8/10的64位ISO，把里面的efi/boot文件夹拷到Win7 ISO的efi文件夹里。
然后UEFI引导U盘即可。
另，新年快乐#滑稽
UEFI安装Win7 X64
01/22
2017
更新：两年过去了，现在推荐使用 vw + rem 自适应布局。
我们页面布局中，可以通过动态设置rem并使用rem单位来设置宽高，来使得页面元素的尺寸可以随设备宽度而变化，这样就能保持布局的一致性。
使用JavaScript动态设置rem的代码如下：
(function (doc, win) {
var docEl = doc.documentElement,
resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
recalc = function () {
var clientWidth = docEl.clientWidth;
if (!clientWidth) return;
docEl.style.fontSize = 100 * (clientWidth / 640) + 'px';
};
if (!doc.addEventListener) return;
win.addEventListener(resizeEvt, recalc, false);
doc.addEventListener('DOMContentLoaded', recalc, false);
})(document, window);
公式是这样的：
100 * ( 浏览器页面宽度 / 设计稿宽度 )
第一部分：100是什么
这个100其实是我们使用的rem基础值，等于设置html标签的font-size=100px，这样，1rem也就是100px。
当1rem为100px时，页面上所有元素设置宽高大小时都除以100，就得出了该元素的rem值。比如设计稿上300px宽的元素，用rem设置就是width=3rem。
1rem并不是非要设置为100px，我们也可以设置成别的，比如设置1rem=50px，那么300px的元素是6rem。我们一般取1rem=100px是为了方便计算。如果实际项目中计算页面元素的rem值时不是按1rem=100px来算的，则需要修改公式里的100为实际使用的1rem值。
第二部分：浏览器页面宽度 / 设计稿宽度 是什么
这个可以理解为页面在设备上的缩放比例。比如iphone 6 plus的设备宽度是414px，我们的设计稿是640px。
414/640=0.646875，得出我们的页面在iphone 6 plus上应该显示为设计稿大小的0.646875倍。
最后我们把rem的基础值与页面缩放比例相乘，得出实际使用的rem基础值。rem的基础值变了，页面上所有元素的宽高、大小也会随之改变，这样就达到了页面自适应的效果。
Read More →
动态设置rem使页面自适应缩放
01/20
2017
01/19
2017
这是我制作的获取bilibili视频封面大图的chrome扩展，chrome浏览器及多数chromium内核的浏览器都可以使用。
扩展作者：雪见仙尊
扩展图标用的是loading画师某抱枕的图（saber酱真是太可爱啦~
chrome应用商店地址：
https://chrome.google.com/webstore/detail/egodkcidolldembjebmiepoibpahmllh
【chrome扩展】获取哔哩哔哩视频的封面大图
01/14
2017
01/14
2017
推荐我当年的入宅神作 INTJ人格必玩
【G线上的魔王】
赌上性命的——纯爱。
全篇游戏在现在看来并不长 也不充实 其中有许多场景并不真实 比如警方并不是这么做事的 画风也没现在这么好
但是剧情是无可比拟的厉害
主人公是一名只想着赚钱的被黑社会老大领养的孤儿 他的父母在仇人的奸计中全部丧生 结下不共戴天之仇
这位有着长发的转学生，名叫宇佐美春。她自称“勇者”。面对神出鬼没的"魔王"，利用头脑打起了一场场斗智斗勇的攻防战。
而她，也正是在京介充满痛苦与无力的孩提时代中，帮助过京介的"勇者"。
时隔十年，京介是否还记得儿时的约定？
全篇围绕着一名神秘恐怖人物——代号“魔王”的人而展开，揭露他的真实身份就是此作真正的答案。
相关下载：
当年入宅神作 【G线上的魔王】
01/13
2017
HY工房的尤菲酱镇楼~
最近找了些最终幻想的3D H动画，分享一下~
欢迎老司机们补充=。=
未满十八岁，请在父母监护下观看。
ps：用手机解压密码错误的话，请在windows系统上解压。参见说明
Read More →
最终幻想 同人3D动画下载
01/10
2017
刚才在微博上看到鹤屋通贩发的双叶绫香手办信息，我只想说，naizi！
Alphamax Skytube 双叶绫香 1/7 手办
发售日期：2017年5月
售价：13800円（不含税）
尺寸：比例为1/7，全高约23.5cm
Read More →
Alphamax Skytube 双叶绫香 手办图片
01/9
2017
以往我们插入、移动DOM元素经常是使用appendChild和insertBefore方法。
appendChild：在父级元素内追加新元素。 insertBefore：在父级元素内的某个元素之前插入新元素。
但是这两个方法的参数只能接收元素对象，不能使用字符形式的html代码，而且它们插入元素的位置也不够灵活。我们可以使用insertAdjacentHTML方法来更方便的插入元素。
insertAdjacentHTML可以将字符串形式的html代码（需要能解析为DOM元素）解析为一个节点，并将其追加到指定元素的指定位置。
insertAdjacentHTML方法的语法如下：
element.insertAdjacentHTML(position, text);
position参数有以下四个值（都是字符串形式）：
beforebegin：在元素的开始位置之前插入。 beforeend：在元素的结束位置之前插入。 afterbegin：在元素的开始位置之后插入。 afterend：在元素的结束位置之后插入。
text参数则是字符串形式的html代码。
根据position参数，我们可以将新元素插入到到指定元素的四个位置：
示例：
<div id="a">
<div></div>
</div>
<script type="text/javascript" defer>
var a=document.querySelector("#a");
a.insertAdjacentHTML("afterbegin","<a href='' >xxx</a");
</script>
结果如下：
<div id="a"> <a href="">xxx</a> <div></div> </div>
insertAdjacentHTML方法的兼容性表现良好，主流浏览器均已支持。我们也可以如下语句来检查浏览器是否支持方法：
document.documentElement.insertAdjacentHTML
此外，由于insertAdjacentHTML是根据位置插入元素的，因此它不能把新元素插入到img、input等单标签元素里（想这么做的人才是有毛病吧）。
相关文档：《https://developer.mozilla.org/zh-CN/docs/Web/API/Element/insertAdjacentHTML》
ps:与insertAdjacentHTML系列“同一系列”的还有insertAdjacentElement方法和insertAdjacentText方法。
insertAdjacentElement方法除了第二个参数是DOM节点（不能是字符串形式）外和insertAdjacentHTML方法都一样。
insertAdjacentText方法则只接收字符串格式的参数，并输出为字符串。其他地方也和insertAdjacentHTML方法一样。
使用js的insertAdjacentHTML方法插入元素
01/8
2017
很久以前我发过dsdoll娃娃的图片。有些实体娃娃打扮起来摄影还是很漂亮的嘛。今天有群员在群里发了张初音的图片，我凭借多年的经验，马上搜图找到了这娃娃的出处 （逃）
放些图片上来，有意的赶紧下单（滑稽）
