jQueryのCSSセレクタ高速化、ver.1.2以前と1.3以降で異なる

February 21st, 2012

Cheetah © by flickkerphotos

ページ表示高速化Tips。
jQueryのセレクタはバージョンで高速化の手法が異なります。
Ver.1.3以降では高速なセレクタエンジンSizzleが採用されたため、
できるだけそれを使うようにしたほうが高速。
具体的には下記のサイトが詳しいので参照してください。

Ver.1.2以前はdiv.classのほうが速い。
jQuery を高速に使う CSS セレクタの書き方 – てっく煮ブログ

Ver.1.3以降は.classのほうが速い。
jQueryのCSSセレクタAPIを高速に扱う方法 | tech.kayac.com – KAYAC engineers’ blog

JavaScriptで画像をじわっと変える

December 27th, 2009

いま頼まれている友達のサイトで、メインビジュアルを1枚1枚、時間によって変化させたいという要望がありました。
Flash苦手なんで、JavaSriptでなんとか実現できないかと試行錯誤した結果、できちゃいました!

デモはこちらから

こだわり:
・jQueryを使わない

次の目標:
・マウスをのせている間は画像が変わらないようにする

あー、JavaScript楽しいなあ
最近おぼえた無名関数とか、勉強中のクロージャとか。
php覚えたてのころはphp神!とか思ってたんですが。。