一から勉強させてください

最下級エンジニアが日々の学びをアウトプットしていくだけのブログです

jQuery

jQuery.DeferredとかjQuery.whenの使い方について

今回はjQuery.Deferredとかそれに関連するjQuery.whenとかのことをざっくり書こうと思います。 まずざっくりとDeferredについて。 Deferredオブジェクトはunresolved, resolved, rejectedのいずれかの状態をもつオブジェクトです。デフォルト値はunresoleved…

jQueryのバージョン確認方法について

今回は簡単な記事ですが、jQueryのバージョンをさくっと確認する方法を書きたいと思います。jQueryのソース(今回みたのは2.0.3)をざっと見ると、以下のようになってます。 (function(window, undefined){ var rootjQuery, core_version = "2.0.3", //これ…

jsPerfつかってみた

先日、JavaScriptのコードスニペットに対してベンチマークをとることができる「jsPerf」というサービスをつかってみました。 今回はそのときの備忘録的メモを書きたいと思います。サイトはこちら↓http://jsperf.com/ それでは早速順番に進んでいきたいと思い…

GruntでjQueryをカスタムビルドしてみた

今回はjQueryのカスタムビルドに挑戦してみました。 これができれば余計な機能を省いた軽いjQueryを使えるようになるのでパフォーマンスの向上も期待できるはず! ひとまず参考にしたのはhttps://github.com/jquery/jqueryのREADMEです。 ここに一連の流れを…

jQueryで簡単な拡大縮小アニメーションをつくってみた

今回は、簡単な拡大アニメーションをつくったときのことを書きたいと思います。 まず実際につくったサンプルはこちら↓ http://jsfiddle.net/danimal141/HhpFz/1/embedded/result/ブラウザのウインドウを縮小していただくと、要素の配置が変わってまた乙な感…

jQueryのイベント処理について (onとliveを比較してみたり)

今回は、jQueryのイベント処理について書きたいと思います。この前、何気なくjQueryでクリックイベントを登録しようとしたら、それが全然効かなくてハマってしまいました。 その時の復習のための記事でございます。 まずハマってしまった時のコードをちょっ…

要素をドラッグアンドドロップしてみた

今回はHTML5でサポートされたドラッグアンドドロップに挑戦しました。あ、ちなみに以前書いたFile APIを使ったファイル読み込みと同じ本を参考にしてます。 では早速、サンプルについてなんですが、 今回は山田さん、田中さん、山本さんの3要素をドロップ…

File APIを使ってファイル読み込んでみた

今回はHTML5のFile APIを使って、「フォームに指定したファイルを読み込んでブラウザに表示させる」というのをやってみたいと思います。 細かい動きはjQueryでつくってみました。これ↓ http://jsfiddle.net/danimal141/ey6SU/embedded/result/ コードはこち…

jQueryでドロップダウンメニューをつくってみた

今回は以前勉強した復習として、jQueryでドロップダウンメニューをつくってみました。 完成品→http://jsfiddle.net/danimal141/xuFxg/embedded/result/ それでは順を追って、簡単に書いていきたいと思います! 1,HTML まずは<ul>,<li>で簡単にHTMLを作成。 まずメ</li></ul>…