[過去ログ]
+ JavaScript の質問用スレッド vol.139 + (1002レス)
+ JavaScript の質問用スレッド vol.139 + http://mevius.5ch.net/test/read.cgi/hp/1555750241/
上
下
前
次
1-
新
通常表示
512バイト分割
レス栞
このスレッドは過去ログ倉庫に格納されています。
次スレ検索
歴削→次スレ
栞削→次スレ
過去ログメニュー
675: Name_Not_Found [sage] 2019/05/09(木) 22:24:30.07 ID:??? >>673 そこで重要なのは、同じことをHTMLでもできるってことだよ </body>が永遠に来ないサイトを作ることはできる http://mevius.5ch.net/test/read.cgi/hp/1555750241/675
676: Name_Not_Found [sage] 2019/05/09(木) 22:34:02.55 ID:??? 勘で書くけど、 setTimeout(g,0) に、0 を渡しても、最小単位の数ミリ秒、空くからだろ。 その間に、レンダリングするのだろう setTimeout は非同期だから、キューに、callback 関数を入れるだけで、即リターンする。 その後に、キューから関数を取り出して実行するので、 その間、最小単位の時間が空くのだろう http://mevius.5ch.net/test/read.cgi/hp/1555750241/676
677: Name_Not_Found [sage] 2019/05/09(木) 22:34:35.49 ID:??? >>674 ありがとうだけど、答えてくれてない… > >>635はどれとどれを比較して、優位性を主張してるの? > どういう理屈でそれがいいの? > 何にそんなに怒ってるの?(枝葉かもしれないけど、主張に関係してそうだから) http://mevius.5ch.net/test/read.cgi/hp/1555750241/677
678: Name_Not_Found [sage] 2019/05/09(木) 22:35:37.61 ID:??? >>676 お前はずれてるから答えなくていい。 誰もお前がレスしてるサイトの話なんかしてないんだから http://mevius.5ch.net/test/read.cgi/hp/1555750241/678
679: Name_Not_Found [sage] 2019/05/09(木) 22:45:06.18 ID:??? jQuery なら、同じ要素で、メソッドチェーンで、2つのイベントも設定できる。 例えば、mouseover, mouseout で画像を切り替える $( '#foo' ).mouseover( function( ) { $(this).attr('src', 'a.gif'); }).mouseout( function( ) { $(this).attr('src', 'b.gif'); }); http://mevius.5ch.net/test/read.cgi/hp/1555750241/679
680: Name_Not_Found [sage] 2019/05/09(木) 22:49:16.40 ID:??? >>677 だから、 > コンテンツ表示からjs実行までのタイムラグを減らす って話をしてるだろ? 格安SIMで通信速度制限で128kbp(16KB/秒)になったとしよう HTMLだけで1MBのサイトだと64秒かかる。 つまりコンテンツが表示されはじめてから</body>がくるまで64秒かかる。 A. DOMContentLoadedは、コンテンツが表示されてから64秒後に発生 B. loadはAよりもさらに画像等のダウンロード後に発生 C. Aとほぼ同じ D. jsが実行されるのはコンテンツ直後だが、最後に一回だけだとAと変わらない。何回もやるのは面倒 E. 意味不明 どれもDを除いてコンテンツ表示からjs実行までのタイムラグは減らない Dでタイムラグを減らすのは面倒くさすぎる。 コンテンツ表示からjs実行までのタイムラグを減らすには <head>でDOMContentLoadedを待たずに、$(document).on('click', selector・・・のような形で <head>の時点で存在してるdocumentに対してイベントハンドラを適用すること コンテンツ表示前からjsは実行されており、コンテンツが表示されたらすぐにイベントハンドラは機能する http://mevius.5ch.net/test/read.cgi/hp/1555750241/680
681: Name_Not_Found [sage] 2019/05/09(木) 22:57:28.28 ID:??? >>680 なるほどね 理解できたけど、「やっぱりheadに入れるのがいいんじゃないの?」で$(document).on('click', selectorをエスパー出来る人はいないと思った 文脈的にはあなたの主張はBだと思ってたし、あなたに反論していた人もおそらくBの体で反論してたと思うよ 余計な争いを防ぐ為にも、投稿前に重要な情報が抜け落ちていないかを注意した方が良いように思う http://mevius.5ch.net/test/read.cgi/hp/1555750241/681
682: Name_Not_Found [sage] 2019/05/09(木) 23:03:12.49 ID:??? AとBのはどちらもDOMContentLoadedはコンテンツ表示から64秒後に発生する 正確にはJavaScriptファイル + HTML の両方のダウンロードが終わってから発生するが AはJavaScriptファイルのダウンロードが終わってから、HTMLをダウンロードするのでコンテンツ表示が遅いが BはHTMLからダウンロードしてから、あとでJavaScriptファイルをダウンロードのでコンテンツ表示が速い ただし、どちらもJavaScriptファイルのダウンロードが終わるまでは JavaScriptファイルが機能しないので、コンテンツ表示からJavaScript実行のタイムラグがある > コンテンツ表示からjs実行までのタイムラグを減らす には JavaScriptを先にダウンロードし(この間読み込んでないコンテンツは当然表示されない) DOMContentLoadedを待たずにJavaScriptを実行(ここがAとの違い)する。 こうすることでコンテンツが表示される時点ではすでにJavaScriptが実行されている。 http://mevius.5ch.net/test/read.cgi/hp/1555750241/682
683: Name_Not_Found [sage] 2019/05/09(木) 23:04:12.02 ID:??? > AとBのはどちらもDOMContentLoadedはコンテンツ表示から64秒後に発生する >>682はAとCの間違い http://mevius.5ch.net/test/read.cgi/hp/1555750241/683
684: 641 [sage] 2019/05/09(木) 23:08:13.20 ID:??? エスパー出来てなかったし、$(document).on('click'と書かれていたなら反論しなかった http://mevius.5ch.net/test/read.cgi/hp/1555750241/684
685: Name_Not_Found [sage] 2019/05/09(木) 23:11:08.52 ID:??? わざと欠けてる情報で相手を釣る。 おちょくり回して遊ぶ。 最後にマウントする これが目的なのに何を言ってるんだ?w http://mevius.5ch.net/test/read.cgi/hp/1555750241/685
686: Name_Not_Found [sage] 2019/05/09(木) 23:12:35.79 ID:??? お前ら盛り上がってるところすまんが jQueryは使わない場合結局どうすればいいんだよ?教えてくれよ http://mevius.5ch.net/test/read.cgi/hp/1555750241/686
687: Name_Not_Found [sage] 2019/05/09(木) 23:13:28.13 ID:??? jQuery相当のことを自力でやればいいだけ まあ頑張れw http://mevius.5ch.net/test/read.cgi/hp/1555750241/687
688: Name_Not_Found [sage] 2019/05/09(木) 23:15:16.00 ID:??? >>635はDOMContentLoadedの回答を得て「やっぱりheadに入れるのがいい」といってたから、Bと勘違いするのも無理ないな http://mevius.5ch.net/test/read.cgi/hp/1555750241/688
689: Name_Not_Found [sage] 2019/05/09(木) 23:17:10.12 ID:??? >>685 それ最後にマウント取られて終わるやつ http://mevius.5ch.net/test/read.cgi/hp/1555750241/689
690: Name_Not_Found [sage] 2019/05/09(木) 23:18:27.07 ID:??? 無限に円周率を表示するページで DOMContentLoadedっていつ発動するの? →永久に発動しないんだ →じゃあDOMContentLoadedを使うのは良くないね →</body>もこないしね →(DOMContentLoadedは使わず)<head>に入れよう。 http://mevius.5ch.net/test/read.cgi/hp/1555750241/690
691: Name_Not_Found [sage] 2019/05/09(木) 23:20:12.66 ID:??? >>686 https://developer.mozilla.org/ja/docs/Web/API/EventTarget/addEventListener jQueryなんかと違ってバブリングしなくても親ノードで待てるので、お勧め http://mevius.5ch.net/test/read.cgi/hp/1555750241/691
692: Name_Not_Found [sage] 2019/05/09(木) 23:25:42.91 ID:??? >>691 バグリングと親ノードの関係は? 親ノードで受け取ってから処理を振り分けすんの? http://mevius.5ch.net/test/read.cgi/hp/1555750241/692
693: Name_Not_Found [sage] 2019/05/09(木) 23:26:29.72 ID:??? このスレは>>685みたいなのが常駐していて実に糞だな http://mevius.5ch.net/test/read.cgi/hp/1555750241/693
694: Name_Not_Found [sage] 2019/05/09(木) 23:27:23.27 ID:??? >>622に話が戻ってきたな window.addEventListener("click", function(evt){ if (evt.target.id == "foo")... if (evt.target.id == "bar")... },false); jQueryを使わないってことは、こんな感じのコードを書かないといけない http://mevius.5ch.net/test/read.cgi/hp/1555750241/694
上
下
前
次
1-
新
書
関
写
板
覧
索
設
栞
歴
あと 308 レスあります
スレ情報
赤レス抽出
画像レス抽出
歴の未読スレ
AAサムネイル
Google検索
Wikipedia
ぬこの手
ぬこTOP
0.008s