01/22
2018
之前我用的下雪特效是从b站扒的，依赖jQuery，并且对cpu资源占用略高。今天在某站看到了个更好的，不依赖jQuery，资源占用低，效果也更好。
demo：
代码如下：
Read More →
JavaScript网页下雪、雪花特效
01/21
2018
在第一弹（diyidan.com）的cos页面上，显示大图网址以便批量下载。同时解除右键菜单的限制、不能点击打开大图的限制。
这是一个用户脚本（UserScript），你可以在greasyfork.org上安装它。
效果如下：
上图网址：少女前线-索米-仲夏夜的精灵
第一弹diyidan.com cos图片下载辅助
01/13
2018
当用户在网页中按下鼠标右键时，会触发JavaScript的contextmenu事件。
我们可以先做一个菜单并且隐藏起来，等到用户按下鼠标右键的时候，阻止默认的右键菜单，并在鼠标位置显示我们自己的菜单。
举个例子，在下面的区域里按右键就会显示自定义的右键菜单：
代码如下：
Read More →
使用JavaScript自定义右键菜单
01/4
2018
在twitter上查看图片时，很多时候右键是不能保存的（因为图片上面有其他元素遮挡了），这样我们想保存图片的时候就很不方便了。
我写了个JavaScript脚本，在看图的时候会在右侧显示一个按钮，点击之后在新页面打开图片，然后ctrl+s就可以直接保存了。
这是一个用户脚本（UserScript），你可以在greasyfork.org上安装它。
小姐姐：サク@saku93
在新页面打开twitter大图的脚本
01/3
2018
iframe平时我们已经不怎么用了，但有些特殊情况还是要用。浏览器默认给iframe的区域都比较小：
宽度好解决，一般由父页面控制iframe的宽度，直接设置样式即可：
<iframe id="iframe" src="url" frameborder="0" style="width: 100%;"></iframe>
但是iframe的高度不会自动撑开，我们可以用JavaScript来解决。
Read More →
iframe自适应高度
12/31
2017
寂月神社是一个有福利的网站。一些福利资源的封面图加载的是15x15像素的小图，形成了类似马赛克的效果。但是这些资源的文章里没有配图，封面还这么模糊，就没办法好好看了。
我写了一个JavaScript的UserScript这个脚本可以把模糊的封面图替换成清晰的。
ps：
1.不会使用的话在greasyfork.org首页有教程。简单来说就是先安装Tampermonkey这个浏览器扩展，然后安装我的脚本，最后刷新网页就行了。
2.在手机上也可以用。手机（安卓）上先安装Firefox浏览器，然后点开菜单-→“附加组件”-→“浏览全部Firefox附加组件”，搜索并安装Tampermonkey。好了之后再安装我的脚本。
3.如果找不到下载链接，可以复制标题关键字到bt网站搜索磁链。
替换后效果：
Read More →
替换寂月神社的“马赛克”封面
12/28
2017
今天看《JavaScript高级程序设计》时看到了DOM3级事件中的复合事件（composition event），可以用来接收IME输入的内容，我便研究了一番。
复合事件（composition event）有3个事件：
compositionstart：在IME的文本复合系统打开时触发，表示要开始输入了。 compositionupdate：在向输入字段中插入新字符时触发。 compositionend：在IME的文本复合系统关闭时触发，表示返回正常键盘的输入状态。
浏览器能力检测：
document.implementation.hasFeature("CompostionEvent");
兼容性：
IE11、Edge、Chrome、Firefox 都已经支持。
Read More →
JavaScript的复合事件（composition event）
10/26
2017
刚才我给网站添加了定时换头像的功能，改完后查看控制台时却发现有两个报错，说是有两个js脚本以http方式加载，因此被阻止了。（体现出了https的好处X2）
这就奇怪了，明明几分钟前控制台还没有任何报错的。
这俩脚本一个是陌生网站的，“www.taolecun.com/dx.js?advert=87”，这个玩意一看就是恶意代码。第二个是cnzz的。
恶意代码是通过被劫持的cnzz的core.php加载的，它返回的代码里有个loadjs函数，加载了恶意代码：
这说明cnzz的代码被劫持并修改了。
Read More →
CNZZ统计代码被劫持挂马了
09/29
2017
2015年的时候，我就发现UC浏览器不支持css的color: rgba属性值。不过这是旧怨了，最近我又发现一个问题。
如下代码：
<div id="a" style="margin-left: -100px;"></div>
<script>
// 使用js修改marginLeft的值
document.querySelector("#a").style.marginLeft = '-2rem';
</script>
用js代码将某个元素的css属性值重设，在其他浏览器上都正常，在UC上没反应。
元素是可以正确获取到的，但是设置css属性这部分就是不生效。
没办法，我只好改变思路，最后用其他办法实现了：
var a=document.querySelector("#a");
var str=a.getAttribute("style").replace("-100px","-2rem");
a.setAttribute("style", a);
直接重设style属性，这样可以。
珍爱生命，远离UC。
后面发生了一个更坑爹的事，同事的华为手机对rem计算不准确导致页面乱版，又废了好大功夫才弄好。今天下午大半时间都在折腾这页面了。
远离垃圾UC浏览器
09/16
2017
时至今日（2017年9月），用户体量庞大的新浪微博却仍然在使用http协议（默认情况下）。
据说近来新浪微博在测试https，具体表现为你在网址前面手动加上https:// 就可以使用https协议查看新浪微博。但手动的话比较麻烦，所以我写了这个用户脚本。
代码很简单：
if (window.location.protocol === "http:") {
window.location.href = window.location.href.replace("http", "https");
}
ps：我要吐槽一下微博这坑爹的http，我以前遇到过以下被坑的情形，都是手动切换到https就好了。
1.正常查看微博里的图片，打开速度非常慢。（经常）
2.打开我的相册界面，页面乱版以及无法上传图片；
3.忘了，待补
