勉強したことのメモ

webプログラマ見習いが勉強したことのメモ。

jQueryで高速化

      2014/07/02

高速化について調べる機会があったのでメモ。

------

セレクタはclassよりもidを優先して使う。
 無理な場合は要素セレクタと組み合わせる。

idを使ったほうが速い。classを使う場合は、その他の要素も
含めて調べた方が速いとのこと。
まったく意識していなかったので気をつける。

------

・チェーンメソッドを活用

あまりチェーンメソッドは使ってなかったので、
これも気をつける。まとめられるものはまとめる。
高速化もだけど、ソースの整理にもなる。

尚、まとめられない場合については変数化する!

------

ホスティングされているjQueryを使用する。
 また、出来るだけ新しいものを使う。

後者は当然だけど前者については、キャッシュが
効く可能性が高い為とのこと。
なので、下記みたいにgoogleの1.x系の最新を
呼び出しておけばよさそう。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

------

以上。

 - jQuery

  関連記事

jQuery.uploadでリアルタイムプレビュー

やりたい事は、 ・<input type="file">で画像を選択 ...

日付入力のテキストフォームにカレンダープラグインを導入

やりたかった事と制限は下記の通り。 ・日付入力のテキストフォームにカレンダープラ ...

Ajaxでボタンとテキストボックス操作

ボタンを押して「https://aaa/bbb/ajax.php」からの 返答を ...

画像アップロード前の時点で画像が選択されているか確認

やりたかった事は、フォーム内で画像をアップロードする際、 ちゃんと画像がローカル ...

Jcropを使ってブラウザ上で画像を範囲指定して切り抜き(トリミング)

やりたかった事は、画像をアップロードして必要な部分のみを範囲指定してもらい、指定 ...

jQueryでのやりたい事

フォーム周りをよく使うのでまとめておく。 ・テキストボックスのvalue取得、書 ...

AjaxFileUploadで処理は実行できてもエラーが返る

AjaxFileUploadでPHPに通信し、サーバー側のPHPで処理は正常に実 ...

PHPとajaxでチャットの作成

■ソース ・index.php <? error_reporting(E_ ...

画像をドラッグ&ドロップでアップロードする方法

画像を複数枚ドラッグ&ドロップでアップロードしたかった。だいぶ前にdro ...

jquery.snipeの使い方

使い方によっては面白くなりそう。 ■jquery.snipe http://ra ...