HTML/CSSとセットでフロントエンドエンジニア三種の神器のひとつ、JavaScript系の記事まとめです。
ファーストステップ
ログ表示/Console.log(ログに文字列表示)
var(変数の宣言)
HTMLでJSファイル読み込み
windowオブジェクト
alertメソッド(ダイアログメッセージ表示)/とりあえずJavaScriptを動かす
confirmメソッド(確認ダイアログの表示)
setIntervalメソッド(一定時間ごとに処理を実行)
documentオブジェクト
open/writeメソッド(新しいウィンドウを開く/HTMLを描写)
querySelectorメソッド(セレクタから要素を取得)
arrayオブジェクト
Elementオブジェクト(DOM)
DOMとは何か
getElementByIdメソッド(IDから要素を取得)
addEventListenerメソッド(イベントを付与)
innerHTMLメソッド(HTMLの内容を変更)
style.backgroundColorプロパティ(背景色の変更)
getBoundingClientRectメソッド(要素の座標を取得)
canvas
Canvas作成(HTML)
fillRect/fillStyle(図形描画・色の変更)
計算
論理
for/while(ループ処理)
If/else/Switch/Case(条件分岐)
jQuery
jQuery読み込み
show/fadeIn/slideDownメソッド(要素をアニメーションさせながら表示)
stopメソッド(アニメーションを途中で中断・スキップ)
hasClassメソッド(セレクタがクラスを持つ・持たないで条件分岐)
hoverメソッド(マウスカーソルが乗ってる間だけ処理実行)
offsetメソッド(要素の縦、横の位置を取得)
コメント