メソッドの引数をフック

いつもやり方忘れてしまうのでメモ

var arr = [111,222,333,444,555];

arr.push = function(){
console.log(arguments); // [666]
Array.prototype.push.apply(this, [777]);
}

arr.push(666);
console.log(arr); // [111,222,333,444,555,777];

他人の書いたコード読むときとか、
でっかいライブラリの非公開メソッドの挙動を調べたいときとかにちょっと使える。
prototype汚染とかあるので実装はしない方がよいです。

lazyload.js

以前こんな記事を書いたのだが

http://ameblo.jp/xhtml-css/entry-10241722257.html
http://ameblo.jp/xhtml-css/entry-10243436182.html

http://gigazine.net/

でさらに応用されたのが実装されている。
オンロードではなくてスクロールさせて画面領域に入ったらフワっと出す。

これ賢い！！
ストレスもそんなに感じないし

画像一覧系のページだとか
文字数，画像数が多い場合、下部の画像って
見られるかわからないのにロードさせるのは
かなりの無駄ですもんね、、、、

ソースの一部を拝借、、、、
http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js
http://gigazine.jp/lazyload.js
$(function(){$("img").lazyload({placeholder:"http://gigazine.jp/1x1.gif",effect:"fadeIn "});});

lazyload.jsって名前がいいですね。

fire fox ハック

div.sample { background-image:url(img/bg00.png); }

div.sample, x:-moz-any-link { background-image:url(img/bg01.png); /* Fx 1.0 */}

div.sample, x:-moz-read-only { background-image:url(img/bg02.png); /* Fx 1.5, 2.0 */}

div.sample, x:-moz-broken { background-image:url(img/bg03.png); /* Fx 3.0 */}

div.sample, x:-moz-broken, x:last-of-type { background-image:url(img/bg04.png); /* Fx 3.5 and newer */}

div.sample, x:x { background-image:url(img/bg00.png); }

FF3.5が嫌いです。