JavaScript Tips
日々のWebアプリケーション開発の中で気付いたことを書き留めてゆく。主にjQuery、HTML、CSS、及びAndroidやiOS等モバイル向けのWebアプリケーションに関するTips。
| 無名関数の再帰 | arguments.calleeで無名関数を再帰呼び出しする | |
| 配列のすべての要素を参照、更新する | forEachメソッドで配列のすべての要素を参照、更新する | |
| formのsubmitを中止する | onclick属性に書いた関数でfalseを返してsubmitを中止する | |
| JSONと配列、オブジェクトとの相互変換 | 配列やオブジェクトをJSON.stringifyメソッドでJSONにシリアライズ、JSONをJSON.parseメソッドでパースして配列やオブジェクトに変換 | |
| Canvasで書いた円が何故か縦長の楕円になる | Canvasで普通に円を描いたはずなのに何故か縦長の楕円になる問題を修正 | |
| google-code-prettifyでコードを横スクロールさせると色が付いていない問題を修正する | google-code-prettifyで表示するコードの行が長いとき、行番号ありでそれを横スクロールさせると後の方の色が付いていない問題をCSSで修正する | |
| IE9でborder-radiusとグラデーションを両立する | IE9で角丸(border-radius)とグラデーション(SVG)を両立する | |
| テキストは左寄せで、画像のみ中央に表示する | 同一タグ内でテキストは左寄せのまま、imgタグの画像を水平方向で中央に表示する | |
| 複数のクラスを合わせ持つ要素にスタイルを適用する | 複数のクラスをすべて持つ（AND条件）要素にスタイルを適用する | |
| Nexus 7のChromeでキャッシュをクリアする | Nexus 7のChromeでキャッシュをクリアする | |
| Chromeでtouchイベントをエミュレートする | Windows用のChromeでtouchend等のtouchイベントをエミュレートする | |
| JSONを取得する | jQuery $.getJSON | |
| 別のjsファイルをロードする | jQuery $.getScript | |
| マッチした要素の後に要素を追加する | jQuery after | |
| マッチした要素の子要素の末尾に要素を追加する | jQuery append | |
| マッチした要素の前に要素を追加する | jQuery before | |
| iframe内の要素を操作する | jQuery contents | |
| マッチした要素の子要素以下をすべて削除する | jQuery empty | |
| マッチした要素の子要素の先頭に要素を追加する | jQuery prepend | |
| aタグから絶対パスでURLを取得する | jQuery prop | |
| マッチした要素を削除する | jQuery remove | |
| jQuery UIのSpinnerで時刻を入力する | jQuery UI Spinnerウィジェット | |
| Buttonのclickイベントでformのsubmitを抑止する | jQueryのButtonのclickイベントでformのsubmitを抑止する |
Copyright© 2004-2018 モバイル開発系(K) All rights reserved.
[Home]