Webフロントエンドに従事するお前らはいい加減高頻度イベントとレイアウトとスタイリングの付き合い方を考えろ - Qiita
もうなんかこの際マジで言わせていただくんですけど、知ってるか知らないか分かりませんが世の中にはすごい頻度で呼ばれうるDOMイベントって言うのがいくつかあるわけですよ 例えば scroll mousemove, touchmove devicemotion 辺りですよ。 で、高頻度で呼ばれるって言うことは必然的に処理量が増えるって分かりますよね？？？？？while(1) {}じゃないとはいえUIスレッドに十分影響を与えうる頻度で呼ばれる訳です。分かりますよね？？？？？？？？ そうなると当然そのイベント内で重い処理を行えば人間が認識できるレベルでのレスポンス遅延が起きるっていうのはご理解できますよね？ 重い処理っていうのはまぁ想像出来るとは思うんですが例えばよくあるのが DOMのレイアウトプロパティへのアクセス offsetTop、offsetLeft、offsetWidth、offsetHe
第7回 スクリプトを完全に分離しよう ～コンテンツ，プレゼンテーション，ビヘイビア～
前回でW3C DOMイベントモデルの基礎を学んできましたが，ここでは，その実践を見ていきます。W3C DOMイベントモデルで，どのようにしてHTMLとスクリプトを完全分離するのか，そして，W3C DOMイベントモデルを使うことで，イベント・ハンドラでの問題点も克服できることを具体的に見てきます。 コンテンツ，プレゼンテーション，ビヘイビアの分離 ホームページはただ単に文字情報を伝えればよいだけでなく，見た目も重視されます。また，マウスクリックといったイベントに応じて動きを与えることも多くなってきました。 しかし，ホームページに求める要求が大きくなればなるほど，HTMLコードがどんどん煩雑になり，保守性が大きく損なわれることになります。また検索エンジンのロボットにも大きな影響を与えてしまいます。そのため，コンテンツ，プレゼンテーション，ビヘイビアの分離の重要性が注目されるようになりました。
第1回 DOMから始めるモダン・スクリプティングの世界へようこそ
本連載では，DOM（Document Object Model）を使ったJavaScriptの新しいコーディング手法について紹介していきます。 近年，AJAXの台頭をきっかけに，JavaScriptを使ったブラウザのリッチ・クライアント化が進んできました。これまでは，サーバー側のプログラムでページを書き換えることで，ブラウザの表示に変化を与えてきました。しかし，現在では，ページの表示を変化させるだけであれば，ほとんどのことはJavaScriptのみで対処することが可能です。それを実現するのがDOMなのです。 ブラウザのリッチ・クライアント化により，JavaScriptに求められる要求は，複雑さを増すばかりです。本連載では，DOMの基礎を学び，DOMならではのコーディング手法について紹介していきます。 まず，第1回ではDOMとは何なのか，そしてDOMで何ができるのかを解説していきます。 DO
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScript/DOM｜PHP & JavaScript Room
