Master the DOM
IntroductionMany web developers think the DOM is really difficult (or slow) and you need a huge framework to tame it. Then they invest a lot of their time to learn the framework. A year or two passes, another framework becomes popular and you need to learn everything from scratch. Repeat this a couple more times and JavaScript fatigue is born. Not to mention a huge pile of dependencies. What if I
オブジェクト モデルã®æ§‹ç¯‰  | Articles  | web.dev
オブジェクト モデルã®æ§‹ç¯‰ コレクションã§ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ•´ç† å¿…è¦ã«å¿œã˜ã¦ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ä¿å˜ã¨åˆ†é¡žã‚’è¡Œã„ã¾ã™ã€‚ 公開日: 2014 å¹´ 3 月 31 æ—¥ ブラウザã§ã¯ã€ãƒšãƒ¼ã‚¸ã‚’レンダリングã™ã‚‹å‰ã«ã€DOM ツリーãŠã‚ˆã³ CSSOM ツリーを構築ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ãã®ãŸã‚ã€HTML 㨠CSS ã®ä¸¡æ–¹ã‚’ã§ãã‚‹ã ã‘æ—©ãブラウザã«é…ä¿¡ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ æ¦‚è¦ ãƒã‚¤ãƒˆâ†’æ–‡å—→トークン→ノード→オブジェクトモデル。 HTML マークアップã¯ãƒ‰ã‚ュメント オブジェクト モデル（DOM）ã«å¤‰æ›ã•ã‚Œã€CSS マークアップ㯠CSS オブジェクト モデル（CSSOM）ã«å¤‰æ›ã•ã‚Œã¾ã™ã€‚ DOM 㨠CSSOM ã¯ç‹¬ç«‹ã—ãŸãƒ‡ãƒ¼ã‚¿æ§‹é€ ã§ã™ã€‚ Chrome DevTools ã® [Performance] パãƒãƒ«ã§ã¯ã€DOM 㨠CSSOM ã®æ§‹ç¯‰ã‚³ã‚¹ãƒˆã¨å‡¦ç†ã‚³ã‚¹ãƒˆã‚’ã‚ャプãƒãƒ£ã—ã¦èª¿æŸ»ã§ãã¾ã™ã€‚ ドã‚ュメント オ
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}