åä¸ƒç« ç¬¬ä¸€å›žã€€MutationObserver — JavaScriptåˆç´šè€…ã‹ã‚‰ä¸ç´šè€…ã«ãªã‚ㆠ— uhyohyo.netåä¸ƒç« ç¬¬ä¸€å›žã€€MutationObserverã“ã®ãƒšãƒ¼ã‚¸ã®æœ€çµ‚更新日：2017å¹´11月30æ—¥ 第åä¸ƒç« ã§ã¯ã€ä¹…ã—ã¶ã‚Šã«DOMã®è©±é¡Œã§ã™ã€‚DOMã¯ä¸»ã«ç¬¬ä¸€ç¯‡ï¼ˆç¬¬äºŒç« 〜第åç« ï¼‰ã§è©³ã—ã紹介ã—ã¾ã—ãŸã€‚第åäºŒç« ã®HTML5ã«é–¢ã™ã‚‹å†…容ã¯ã€ã“ã‚Œã¾ã§ã«ç´¹ä»‹ã—ãŸDOMã®å†…容を基礎ã¨ã—ã¦ã„ã¾ã—ãŸã€‚ã¨ã„ã†ã®ã‚‚ã€ç¬¬åäºŒç« ã§ç´¹ä»‹ã—ãŸã®ã¯DOMを使ã£ã¦HTMLã®å„機能をæ“作ã™ã‚‹æ–¹æ³•ã€ã¤ã¾ã‚ŠDOMã®æž 組ã«HTML5を当ã¦ã¯ã‚ãŸçµæžœã§ã™ã€‚実際ã€HTML5ã®ä»•æ§˜ã«ã¯ã€å„è¦ç´ ã®å®šç¾©ã¨åŒæ™‚ã«ãã®è¦ç´ ã®DOM定義も定ã‚られã¦ã„ã¾ã™ã€‚ DOMも数回ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—を経験ã—ã¦ãŠã‚Šã€ä¼çµ±çš„ã«DOMã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯ãƒ¬ãƒ™ãƒ«ã¨å‘¼ã°ã‚Œã¦ã„ã¾ã™ã€‚レベルãŒé«˜ã„ã»ã©ã€å¾Œã«å®šã‚ã‚ŒãŸé«˜åº¦ãªå†…容ã¨ãªã£ã¦ã„ã¾ã™ã€‚今ã¾ã§DOMã«ã¯ãƒ¬ãƒ™ãƒ«1ã‹ã‚‰3ã¾ã§ã‚ã‚Šã¾ã—ãŸã€‚例ãˆã°getElementByIdãªã©åŸºç¤Žçš„ãªã‚‚ã®ã¯ãƒ¬ãƒ™ãƒ«1ã§ã€ç¬¬åç« ã§ç´¹ä»‹ã—ãŸXPathã€ã¾ãŸ
ã‚ã‚‹è¦ç´ ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã¾ã§å¾…ã¤JSライブラリを書ã„ãŸ(MutationObserver)
ã€JavaScript】 MutationObserverã®ä½¿ã„æ–¹ 個人的ã¾ã¨ã‚ - ã¯ã‚Šã‚’ãã°
MutationObserver - Web API | MDN
å‹•çš„ã«è¿½åŠ ã•ã‚Œã‚‹DOMè¦ç´ ã«å¯¾å¿œã™ã‚‹æ–¹æ³•ã‚ã‚Œã“ã‚Œ - Qiita
)
Mutation observers (Windows)
jQueryã®ãƒ¡ãƒ¢ãƒªãƒ¼ãƒªãƒ¼ã‚¯ã®å‚¾å‘ã¨å¯¾ç– — KaoriYa
MutationObserverを使ã£ãŸé«˜é€ŸsetImmediate/nextTick - ç´ äººãŒãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’勉強ã—ã¦ã„ãŸãƒ–ãƒã‚°
éžæŽ¨å¥¨ã«ãªã£ãŸ Mutation events ã‚’ Mutation Observers ã«ç½®ãæ›ãˆã‚ˆã†
[JavaScript]Mutation Eventsã‹ã‚‰Mutation observersã¸ã®ç½®ãæ›ãˆ![[JavaScript]Mutation Eventsã‹ã‚‰Mutation observersã¸ã®ç½®ãæ›ãˆ](https://cdn-ak-scissors.b.st-hatena.com/image/square/4333b4a82607822c477098bd727001d04e6271dc/height=288;version=1;width=512/https%3A%2F%2Fassets.tumblr.com%2Fimages%2Fdefault_avatar_512.png){kind=avatar}
Mutation Event ã‹ã‚‰ Mutation Observers 㸠| Web標準Blog | ミツエーリンクス
{{#tags}}- {{label}}
{{/tags}}