Just a feel good
ES6より登場したアロー関数。最初は短くかけてすごく便利だと思って使っていましたが、使っていくうちに間違いに気付きました。関数リテラルのシンタックスシュガー的な物をアロー関数だと思って使っていたからです。特にthisの使い方でハマることが多かったのでおさらいしたいと思います。アロー関数を正しく使えるよう検証をしていきます。 アロー関数の書き方 アロー関数は以下のように書きます。 アロー関数を使って […]
Javascriptのイベントは3つのフェーズにわかれています。今回はこの3つのフェーズについて触れつつ、簡単な解説をしたいと思います。 3つのイベントフェーズとは イベントフェーズは以下の3つに別れています。 キャプチャリングフェーズ ターゲットフェーズ バブリングフェーズ キャプチャリングフェーズ なんらかのイベントが発生した時にDOMツリーをたどってルート要素から発生要素を探しに […]
マウスイベントを改めて学習してみることにしました。マウスオーバーやマウスリーブイベントなど端的に学習することはあっても普段使わないイベントに対しての知識が偏りがあったのでことのついでに再学習します。以下マウスイベントの一覧です。 マウスイベント一覧 mouseenter マウスカーソルが要素に入り込んだ時 mouseleave マウスカーソルが要素から出た時 mousemove マウスカーソルが要 […]
Javascriptを使いページ全体と要素内の縦・横のスクロール量を取得する方法をJavascriptとjQueryもそれぞれまとめました。 縦スクロール Javascript 要素内のスクロール量を取得 スプレッド演算子を使いHTML collectionの展開したケースです。モダンブラウザで対応しています。 Javascript 要素内のスクロール量を取得 その2 for文での展開です。ieを […]