[B! JavaScript][javascript][dom] tk78のブックマーク

tk78 id:tk78

JavaScriptとjavascriptとdomに関するtk78のブックマーク (3)

DOMNodeInserted と DOMNodeRemoved に似た仕組みを IE でも使えるようにして、セレクタの実行結果をキャッシュする - latest log
セレクタ(id, tag, class, css, xpath)の実行速度を改善するには、2つの方法があります。ロジックを改善するキャッシュを使う今日は2の方法について検討したことを書き残します。心配事キャッシュを使う上での心配事は「キャッシュが古くなったらどうするか、それをどうやって知るか?」です。古くなったキャッシュはクリアしなければなりません。 DOM Level2 MutationEvents を使うと、ノードの挿入, 削除と、属性の更新を取得できる DOM Level2 MutationEvents という仕様があります。これらを活用するとDOMツリーが更新されたタイミングを監視できます。 DOMNodeInserted はノードの挿入, DOMNodeRemoved はノードの削除, DOMAttrModified は属性の変更に対応しています。各ブラウザ
tk78 2009/04/09
javascript

dom
リンク
文書ツリーを多数回変更するときはDocument Fragmentを経由する (agenda)
「文書ツリーを多数回変更するときは、直接行なわずにDocument Fragmentを経由してくれ」という話。一度DOMの実装を書いてみるなり、書こうとしてみるなりすれば分かる。DOM文書ツリーの変更、特にHTML文書におけるそれがどれだけの要素に影響を与えるかが。Document Fragmentの何が良いかといえば、例えば「View」から切り離されていることが挙げられると思う。DOM実装に依存するし想像でしかないけれども、文書ツリーに直接何らかのノードを加えたり削除したりすると、表示スタイルの計算にリソースを多少なり消費するが、Document Fragment中のノード群を操作する限りスタイルは関係ない。操作が完了した後に実際の文書ツリーに一回だけ変更を加えるなら、スタイルの計算も一回ですむ。文字列連結を何度も繰り返すか、それとも文字列の配列を一回だけjoinするかの違いを連想して
tk78 2008/02/21
javascript

dom
リンク
DOM Samples /Core　Node/nextSibling - ［JavaScript］All About
下記ボタンをクリックするとfirstChild(<i>test1</i>)の次のノードnextSiblingのノードネームをダイアログ表示しますが、 test1test2 nxt = fch.nextSibling //← alert( nxt.nodeName ) "> <p id="pid"><i>test1</i><b>test2</b></p> <form> <input type = "button" value = "firstChildの次のノードは？" onclick = " poj = document.getElementById('pid') fch = poj.firstChild //←<i> nxt = fch.nextSibling //←<b> alert( nxt.nodeName ) "> </form> この場合のnext
tk78 2008/01/04
nextSibling

javascript

dom
リンク
1