表示に関する処理などのためイベントが頻発して欲しくない場合に適切に間引く方法。 pluginを使うBen Alman » jQuery throttle / debounce: Sometimes, less is more! 名前空間として使うだけなのでjQueryを読み込まなくても使えるplugin。 throttleとdebounce実行間隔を調整する - oct inaodu Date.now() しない throttle - JavaScriptで遊ぶよ - g:javascript
![[JavaScript]イベントの間引き - throttle, debounce](https://cdn-ak-scissors.b.st-hatena.com/image/square/4333b4a82607822c477098bd727001d04e6271dc/height=288;version=1;width=512/https%3A%2F%2Fassets.tumblr.com%2Fimages%2Fdefault_avatar_512.png){kind=avatar}
[JavaScript]イベントの間引き - throttle, debounce
表示に関する処理などのためイベントが頻発して欲しくない場合に適切に間引く方法。 pluginを使うBen Alman » jQuery throttle / debounce: Sometimes, less is more! 名前空間として使うだけなのでjQueryを読み込まなくても使えるplugin。 throttleとdebounce実行間隔を調整する - oct inaodu Date.now() しない throttle - JavaScriptで遊ぶよ - g:javascript
イベントの間引き方
JSでイベント関連の実装をする場合、頻繁に発生するイベントを間引きたくなる事がある。 例えばwindow.scrollやwindos.resize、mouseover何かは状況によってrequestAnimationFrameを超える頻度で発生するので、特に重い処理を実行する場合などはある程度イベントを無視しないとUIがロックされてしまう。 また、スマホや古いバージョンのブラウザなんかも処理速度の問題で間引く必要が出てくる。 こう言う処理は一般にthrottleとかdebounceと呼ばれてて(一応それぞれ違う動作を指す)検索すると公開された実装があるけど、とりあえずjQuery.throttleを使えばいい感じにしてくれる。 ただ、jQuery使ってないとか、ちょっと使いたいだけとかいうならこんな感じのコードでもいける。 window.onscroll = function hoge (
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
