Webフロントエンドに従事するお前らはいい加減高頻度イベントとレイアウトとスタイリングの付き合い方を考えろ - Qiita

もうなんかこの際マジで言わせていただくんですけど、知ってるか知らないか分かりませんが世の中にはすごい頻度で呼ばれうるDOMイベントって言うのがいくつかあるわけですよ 例えば scroll mousemove, touchmove devicemotion 辺りですよ。 で、高頻度で呼ばれるって言うことは必然的に処理量が増えるって分かりますよね？？？？？while(1) {}じゃないとはいえUIスレッドに十分影響を与えうる頻度で呼ばれる訳です。分かりますよね？？？？？？？？ そうなると当然そのイベント内で重い処理を行えば人間が認識できるレベルでのレスポンス遅延が起きるっていうのはご理解できますよね？ 重い処理っていうのはまぁ想像出来るとは思うんですが例えばよくあるのが DOMのレイアウトプロパティへのアクセス offsetTop、offsetLeft、offsetWidth、offsetHe

[tasukuchan]

この芸風は本人が疲れるので止めたほうがよいのではないか

[yosuke_furukawa]

げんきだして！

[Aodrey]

多分現場では優しく教えてくれる人なんだろうな。動いたから出来た言っちゃう側だからわかるw

[ledsun]

_.debounceでイベントを間引くと幸せになれる案件。

[pmint]

結局言いたいのsetTimeoutのとこだけやん

[sionsou]

俺のiPhoneとPCで動けばOKと思ってます！サーセン！！

[infobloga]

高頻度イベントが高頻度なのはPCの話で、スマホだと1秒に10回も発生しないから、30fpsで更新してもパフォーマンス上がらないと思うんだけど気のせい？

[kibitaki]

setTimeoutでやるとSafariがレンダリングをトボけることがあるんだがな・・・まあがんばれ

[luccafort]

「もう目に見えてゴミですよね？？？？？？？？？？？お分かりになります？？？？？？？？？？？？？？？？」ちょっと使ってみたい気分にさせられる。前職の時にやればよかった。

[tomaho]

なんだろう…知らないっていう事だけで、そんなに責められるべき事柄なの？そこは普通throttleだろ、とか言われたら嫌でしょ。単に知識の問題なのに、なんでそんなに高圧的なの？

[takryou79]

javaScript

[wordi]

JavaScriptでsetTimeoutを使い、ゲーム作成時のように更新処理・描画処理を分離して描画コストを下げる

[futtafutta]

RT @Qiita: 1000ストック！ | Webフロントエンドに従事するお前らはいい加減高頻度イベントとレイアウトとスタイリングの付き合い方を考えろ by @damele0n

[UDONCHAN]

この芸風見習っていきたい

[syo-sa19820615]

"iPhoneでは動くから？？？？？？？？？？？？は？？？？？？？？？？Androidは？？？？？？？？？？？？？？？？？？？？？？？？？？" 見習いたい。[javascript]

[rs6000]

[

[igrep]

ブコメにあった_.bounceと_.throttle知らなかった。便利そう。

[iww]

『イベントのデータを何らかの変数にキャッシュして、描画ロジックでそれを参照する』

[babydaemons]

出たw VB脳ww Web屋なのに自分の環境だけ確認して「出来ました！」みたいなのwww なんだけどiPhoneよりリッチなハードウェア使ってそのUXというAndroidの実装もなー（IEのデジャブだ）

[honeybe]

「実装内容については完全に適当だが察しろ」あ、はい。

[indication]

android studioとかでおなじことしようとすると盛大に警告を頂戴するけど、jsは知識に頼るしかないのか

[iR3]

ふむふむ

[ruicc]

自然だった

[vvakame]

“クソお世話になりました！！！！！！！！！！本当にありがとうございました！！！！！！！！！！！”

[Nkzn]

"iPhoneでは動くから？？？？？？？？？？？？は？？？？？？？？？？" この芸風見習いたい

[nekoruri]

「iPhoneで動きゃ良いって訳じゃねぇんだからな！！！！！！！！！！！！！！！！！！」

[shinagaki]

oppai.js がサンプル実装例

[n2s]

ぶこめでdebounceとかthrottleというのが挙がっているのでこれらについても調査

[santo]

めんどくさいとやってしまうんだよねえ。

[t_f_m]

"高頻度イベントのデータを使う場合は描画ロジックを分けろ"

[headless_pasta]

言っていることはクソ正しい＆テンションの高さがステキｗ

[side_tana]

いい話だなぁ( ˃ ⌑ ˂ഃ )

[naga_sawa]

イベントは溜めて置いて後で定期的にまとめて処理/Webに限らず高頻度イベント系のオヤクソクではある

[bulldra]

せやな

[uupaa]

(ε天・◇・使)з o O ( あと数回で心が折れそうな若者よ、天に職を求めるのです。さぁ私と一緒にヴァルハラへ

[mmorita44]

気づいた人が教育してあげるべき。それでも理解されなければ…知らん。

[diveintounlimit]

まぁ、ユーザーが気持よく感じる反応速度を大切にしろという言いたい事は分かった。ターゲットとなる端末のスペックとかOSとか変わったらたぶんやる事は変わってくる。

[HolyGrail]

ハートフルストーリー