[snippet] Default browser scrollbar width

Stackoverflow: Getting scroll bar width using JavaScript

Result:
WinXP: 16px;
Win7: 17px;
Win8: 17px;
Mac: 15px;

使用greasemonkey自动取消支付宝登录控件勾选

源代码在这里

支付宝登录的安全控件默认是勾选的,如果想要取消默认勾选,可以使用greasemonkey模拟点击安全控件。但是支付宝首页的登录页面实际上是一个异步加载的iframe,稍微有点麻烦。带注释的源代码如下:

在greasemonkey中针对支付宝首页和单独的登录页面新建一个user script,复制上面的代码,即可实现异步取消勾选。默认最多尝试5次,即5秒内IFRAME没加载完毕的话就不会再尝试。

從vanilla-js開始

那天從ruby china的一個帖子里了解到一個非常強大的js庫──vanilla-js
於是我推薦給了另外一個前端看,不過可惜我的幽默神經和他的略有差別,他沒能體會到vanilla-js的強大。

那讓我們來剖析下他到底有多強大吧。

  1. Facebook, Twitter, Apple, Microsoft, Amazon, etc.都在用vanilla-js。
  2. 整個庫只有25bytes。
  3. 對html5全支持,對所有瀏覽器都支持,性能高於一切js庫

這就是vanilla-js。
Read More

nodeJs note 1

#######################################################
2013.7.17 UPDATED
慎用此方法!
依舊推薦用sudo安裝npm!
修改prefix后bin沒法正確添加到全局變量的bin里去。
會導致npm里的bin方法不能用,得手動添加bin目錄,非常麻煩。
所以最後我也還是把自定義的prefix刪掉了。
#######################################################

是的,終於開始學node了。
Read More

jQuery slideDown snap back issue

这个问题得用视频才能演示出来……视频之后更新。

标题用的是stackoverflow上的。

我碰到的情况是,div.to-slide里有float元素。
div.to-slide在触发slideDown()动画后,会先down到超过div本身应该的高度,再反跳回原来的高度。
排查了很久都没找到原因。终于最后在stackoverflow上找到了一篇解释这问题的。
原来这个问题并不限定于内部有float的slidedown元素。float只是其中一种情况。
在div.to-slide没有展开情况下,jquery算出的高度有误,所以才会出现高度差反跳。

触发这个bug的原因很多,比如:无宽度,自适应或继承父元素宽度(我的问题就是这个)。

详见 slidedown animation jump revisited