元スレ+ JavaScript の質問用スレッド vol.121 +
JavaScript覧 / PC版 /みんなの評価 :
101 = :
まあこの辺りでさんざん語られたことのコピペかな
+ JavaScript の質問用スレッド vol.117 +
http://peace.2ch.net/test/read.cgi/hp/1403330196/531-
102 = :
>>100
なにいってんのjQueryもメインはremoveChildで消してるんだけど
103 = :
だいたいベンチ取ればinnerHTMLが猛烈に遅いのは分かることだろ
104 = :
適材適所
原理主義はアホ
っていう結論になったはずだが?
105 = :
適材適所ってなんだよ遅くて非効率なものを使う必要はねえんだよ
106 :
>>103
> だいたいベンチ取ればinnerHTMLが猛烈に遅いのは分かることだろ
速かったよ。
一見文字列を解釈する必要がある分時間がかかるから
不思議に思えるが、JavaScriptがネイティブでないのが原因。
innerHTMLだと、代入した後は
すべてネイティブで処理されるから早いが、
それと同等なことをネイティブでないJavaScriptでやると
1つずつオーバーヘッドが加わる。
あとさすがにブラウザ、HTMLテキストを解釈するのが仕事だけあって
相当チューニングされてる。
107 = :
一度に代入できるのに遅いわけないだろw
108 = :
>>103
遅くなるのは
innerHTML += string
を繰り返す場合だけだと思うが
これは前に挿入されたHTMLの構文解析を重複して繰り返す
ことに他ならない。遅くなるのは当然でベンチマークとして不公平
純粋な意味で innerHTML が劇的に遅いとされるベンチマーク結果はあるの?
109 = :
http://jsperf.com/innerhtml-vs-removechild
110 = :
遅くないって逝ってた奴出てこいよ
111 = :
innerHTMLが敬遠されるのは速さじゃなくてXSS問題の方が大きいと思う
>>96がinnerHTMLを使ったコードだったら、>>07は吐き気を覚えるのだろう
112 = :
初心者がinnerHTMLが1番って結論を出したらそれがこのスレの総意のように扱うな
113 = :
innerHTML推し派はDOM XSSとか知らない
114 = :
両者の長所短所を知っている人ならば、どっちか片方だけがいいだなんて言わない
115 = :
いいえ、innerHTMLはデメリットしかない
116 = :
http://jsperf.com/innerhtml-and-appendchild
innerHTMLの方が速い
120 = :
appendChildがわざわざエスケープしてくれるのに手動でやるのか?
121 = :
おっと、appendChildがエスケープって語弊があるな
122 = :
手動ですればいいじゃん
innerHTMLの大きな問題点はXSSじゃない
123 = :
はあ?
124 = :
innerHTMLの問題はXSS以外にもあるが、既に>>101で議論されたので改めて議論する事もない
126 = :
>>125
テキストノード操作すればチェックする必要がない
故にチェックミスも発生しない
127 = :
>>125
テキストノード操作すればチェックする必要もない
128 = :
innerHTMLはXSSが問題だと言っている人は、innerHTMLを使ってはいけないっていう主張なの?
129 = :
遅くてDOMを壊す恐れがあるものを使う必要はない
130 = :
ふーんじゃあjQueryも使わないんだね
131 = :
jQueryを立てにして逃げんなよ
お前の言葉で反論どうぞチキン
132 = :
jQueryは使わないって言えばいいだけなのに、なんで煽るんだろうね
133 = :
自分の言葉で考えたことを述べましょう
134 = :
例えば elm に <p id="a" class="b" style="color:red;">test<b>test</b>test</p> を入れたいと思ったらどうします?
innerHTML なら一行で済みます。十分大きな利点です
このコードも innerHTML を使わずに書くというのなら、私の負けです。毎日仏壇に掲げて尊敬します
135 = :
基本的にjQueryでもinnerHTMLを利用しているAPIは使わない
使わなくて困ったことがない
136 = :
>>134
> 例えば elm に <p id="a" class="b" style="color:red;">test<b>test</b>test</p> を入れたいと思ったらどうします?
まず、JavaScriptコード内にコンテンツを埋め込むという設計があり得ないから、そういうコードがあるなら設計から見直す
HTML上に用意されているコンテンツをJavaScriptで改変するのが基本
外部コンテンツを利用する場合は XML, CSV, JSON 等の整形フォーマット化されたデータをJavaScriptで取得して一定規則に則った方法でHTML出力する
138 = :
確かに。言われてみればそうですね
innerHTMLを使うこと自体は問題ないけど、そもそも使う機会がないですし、使うような設計は見直すべきですね
大変失礼しました。今から仏壇に掲げてきます
147 = :
外部ってなんのこと?
149 = :
じゃあ内部は?
類似してるかもしれないスレッド
- + JavaScript の質問用スレッド vol.121 + (1001) - [100%] - 2015/1/1 18:30
- + JavaScript の質問用スレッド vol.141 + (881) - [97%] - 2021/4/19 9:00
- + JavaScript の質問用スレッド vol.129 + (926) - [97%] - 2017/7/27 13:45
- + JavaScript の質問用スレッド vol.131 + (1000) - [97%] - 2017/1/25 8:01
- + JavaScript の質問用スレッド vol.120 + (1002) - [97%] - 2014/11/8 1:15
- + JavaScript の質問用スレッド vol.122 + (1004) - [97%] - 2015/2/14 4:45
- + JavaScript の質問用スレッド vol.122 + (116) - [97%] - 2018/5/2 18:30
- + JavaScript の質問用スレッド vol.129 + (981) - [97%] - 2016/5/5 8:16
- + JavaScript の質問用スレッド vol.128 + (1001) - [97%] - 2016/2/26 6:45
- + JavaScript の質問用スレッド vol.131 + (1004) - [97%] - 2018/3/7 13:30
- + JavaScript の質問用スレッド vol.123 + (966) - [97%] - 2020/10/20 2:30
- + JavaScript の質問用スレッド vol.127 + (1001) - [97%] - 2016/2/4 0:15
- + JavaScript の質問用スレッド vol.127 + (160) - [97%] - 2021/7/16 9:30
- + JavaScript の質問用スレッド vol.126 + (952) - [97%] - 2015/11/18 13:15
- + JavaScript の質問用スレッド vol.126 + (348) - [97%] - 2023/1/12 17:00
- + JavaScript の質問用スレッド vol.125 + (1001) - [97%] - 2015/10/7 17:45
- + JavaScript の質問用スレッド vol.123 + (1002) - [97%] - 2015/4/27 23:30
トップメニューへ / →のくす牧場書庫について