Explore DOM EventsThere are many categories of events including user events such as 'click' and system events such as 'DOMContentLoaded'.
JavaScript : コールãƒãƒƒã‚¯ãŒãªã„ãªã‚‰DOMã®å¤‰æ›´ã‚’監視ã™ã‚‹ - TechGekka
月花ã§ã™ã€‚ ã„ã‚ã‚“ãªJavaScriptãªã‚ŠjQueryãªã‚Šã®ãƒ©ã‚¤ãƒ–ラリを入れã¦ã„ã‚‹ã¨å›°ã‚‹ã®ãŒã€ãƒ©ã‚¤ãƒ–ラリã®å‹•ä½œã«ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯ã‚„フックãŒãªã„ã“ã¨ã§ã™ã‚ˆã。 ãªã«ã‹è¦ç´ ãŒè¿½åŠ ã•ã‚Œã‚‹ã¨ãã€ãã®è¿½åŠ ã•ã‚ŒãŸè¦ç´ ã«CSSã‚’é©ç”¨ã—ãŸã„ãŒã‚¯ãƒ©ã‚¹ã‚‚ãªã‘ã‚Œã°IDã‚‚ãªã„ã€ã•ã‚‰ã«ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯ã‚‚ç„¡ã‘ã‚Œã°ãŠæ‰‹ä¸Šã’ã«ãªã£ã¦ã—ã¾ã„ã¾ã™ã€‚ ãã“ã§ã€MutationObserver ã«ã‚ˆã‚‹DOM変更ã®ç›£è¦–ã§è§£æ±ºã—ã¾ã—ãŸã€‚ ãŸã¨ãˆã°ã€ä¸‹è¨˜ã®ã‚ˆã†ã«ã€DOMãŒè¿½åŠ や削除ã•ã‚Œã‚‹ãŒã€ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯ã‚‚ãªãè¿½åŠ ã•ã‚ŒãŸã‚‚ã®ã‹ã©ã†ã‹åˆ¤æ–ã‚‚ã§ããªã„å ´åˆã§ã™ã€‚ 下記ã®å ´åˆã§ã™ã¨è‡ªä½œé–¢æ•°ã§ã®è¿½åŠ ãªã®ã§ãã“を編集ã—ã¦ã‚„ã‚Œã°ã„ã„ã®ã§ã™ãŒã€ãƒ©ã‚¤ãƒ–ラリを利用ã™ã‚‹å ´åˆã€ã“ã‚Œã«å¯¾å¿œã™ã‚‹ã‚³ãƒ¼ãƒ‰ã¯ãƒŸãƒ‹ãƒžãƒ 化ã•ã‚Œã¦ã„ã‚‹ã®ã§èªã‚“ã ã‚Šã„ã˜ã£ãŸã‚Šã¯å›°é›£ã§ã™ã€‚ See the Pen dqywjm by gekka (@gekka9) on CodePen. ã“ã®ã‚ˆã†ãªå ´åˆ
jQueryãŒå¿…è¦ã¨ã•ã‚Œãªããªã£ã¦ããŸã®ã¯, Reactãªã©ã®ä»–ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークãŒç™»å ´ã—ãŸã›ã„ã§ã¯ãªã, 標準DOM APIãŒé€²æ©ã—ãŸãŠã‹ã’ã§ã™
jQueryãŒå¿…è¦ã¨ã•ã‚Œãªããªã£ã¦ããŸã®ã¯, Reactãªã©ã®ä»–ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークãŒç™»å ´ã—ãŸã›ã„ã§ã¯ãªã, 標準DOM APIãŒé€²æ©ã—ãŸãŠã‹ã’ã§ã™ JavaScript Advent Calendar 2017 - Qiitaã®2日目ã®è¨˜äº‹ã§ã™. 何故ã“ã®è¨˜äº‹ã‚’書ã“ã†ã¨æ€ã£ãŸã‹ JavaScriptã®å®šç•ªãƒ©ã‚¤ãƒ–ラリã§ã‚ã‚‹jQueryã¯, 最近以å‰ã¨æ¯”ã¹ã¦å¿…è¦ã¨ã•ã‚Œãªããªã£ã¦ãã¾ã—ãŸ. ãã®ç†ç”±ã¯ã‚ˆã, Reactãªã©ã®ä»–ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークãŒç™»å ´ã—ãŸã›ã„ã ã¨å‹˜é•ã„ã•ã‚Œã¦ã„ã¾ã™. ã—ã‹ã—, jQueryãŒå¿…è¦ã¨ã•ã‚Œãªããªã£ã¦ããŸç†ç”±ã¯æ¨™æº–DOM APIã®é€²æ©ã«ã‚ˆã‚‹ã‚‚ã®ã§ã™. ã“ã®è¨˜äº‹ã§ã¯ãれを書ã„ã¦ã„ãã¾ã™. ãªãŠ, ã“ã®è¨˜äº‹ã§ã¯React Nativeã«ã¤ã„ã¦è§¦ã‚Œã‚‹å¿…è¦ãŒãªã„ãŸã‚, React DOMã®ã“ã¨ã‚‚一緒ããŸã«Reactã¨è¨˜è¿°ã—ã¾ã™. ã¾ãŸ, ç§ãŒweb開発を開始ã—ãŸã®ã¯3å¹´å‰ãらã„ã‹ã‚‰
Hayato.io
Hayato.io This Page Is Under Construction - Coming Soon! Why am I seeing this 'Under Construction' page? Related Searches: music videos All Inclusive Vacation Packages Healthy Weight Loss Anti Wrinkle Creams Top 10 Luxury Cars Trademark Free Notice Review our Privacy Policy Service Agreement Legal Notice Privacy Policy|Do Not Sell or Share My Personal Information
Chrome 43ã‹ã‚‰DOMã®å±žæ€§ãŒJSã®ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ãƒã‚§ãƒ¼ãƒ³ã«ç§»è¡Œã—ã¾ã™ - Qiita
Chrome 43ãŠã‚ˆã³ãれ以é™ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã«ãŠã„ã¦ã€DOMã®å±žæ€§ï¼ˆå€¤ï¼‰ãŒJavaScriptã®ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ãƒã‚§ãƒ¼ãƒ³ã«ç§»è¡Œã•ã‚Œã¾ã™ã€‚ã“ã‚Œã«ã‚ˆã‚Šã€çªã£è¾¼ã‚“ã ã“ã¨ã‚’ã‚„ã£ã¦ã„ãŸå ´åˆã«ã€ä»Šã¾ã§å‹•ä½œã—ã¦ã„ãŸã‚³ãƒ¼ãƒ‰ãŒå‹•ã‹ãªã„ã¨ã„ã†ã“ã¨ãŒç™ºç”Ÿã™ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã®ã§ã€äº‹å‰ã«å¤‰æ›´å†…容を知りã€å¯¾ç–ã‚’ã—ã¦ãŠãã“ã¨ãŒæ±‚ã‚られã¾ã™ã€‚HTML5Rockã®æ›´æ–°æƒ…å ±ã¨ã—ã¦æŽ²è¼‰ã•ã‚Œã¦ã„ã¾ã—ãŸã®ã§ã€ã•ã£ãã日本語訳をã—ã¦ã¿ã¾ã—ãŸã€‚心当ãŸã‚ŠãŒã‚ã‚‹æ–¹ã¯ã€ãœã²ä»¥ä¸‹ã®å†…容をèªã‚“ã§ã„ãŸã ã„ã¦ã€ã‚³ãƒ¼ãƒ‰ã®ä¿®æ£ãªã©ã«å–り込んã§ã„ãŸã ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ 原文: http://updates.html5rocks.com/2015/04/DOM-attributes-now-on-the-prototype DOM属性ã¯ä»Šå¾Œãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ãƒã‚§ãƒ¼ãƒ³ã« Chromeãƒãƒ¼ãƒ ã¯ã€æœ€è¿‘「DOM属性をプãƒãƒˆã‚¿ã‚¤ãƒ—ãƒã‚§ãƒ¼ãƒ³ã«ç§»å‹•ã—ã¦ã„ã¾ã™ã€ã¨ã‚¢ãƒŠã‚¦ãƒ³ã‚¹ã—ã¦ã„
リアル㪠DOM ã¯ãªãœé…ã„ã®ã‹ - steps to phantasien
ã“れ㯠VirtualDOM Advent Calendar 2014 ã«å‹æ‰‹ã«å‚åŠ ã™ã‚‹è¨˜äº‹ã§ã™ã€‚ ã‚ãŸãŸã‹ã„春ã®æ˜¼ä¸‹ãŒã‚Šã®ã“ã¨ã€ã‚るブラウザベンダã®ç¤¾å†…ã‚’ä¸ç©ãªå™‚ãŒé§†ã‘å·¡ã£ãŸã€‚ 「React.js ãªã‚‹ãƒ©ã‚¤ãƒ–ラリã€ã©ã†ã‚‚仮想 DOM ã¨ã„ã†ã‚„ã¤ã®ã›ã„ã§é€Ÿã„らã—ã„ãžã€ ã‚‚ã†ãƒªã‚¢ãƒ«ãª DOM ã¯ãŠå½¹å¾¡å…ã€ãƒ–ラウザも商売上ãŒã£ãŸã‚Šã‹ãƒ»ãƒ»ãƒ»ã€‚雇用ã«ä¸å®‰ã‚’覚ãˆã‚‹äºº(ç§)ãŒã„る一方〠ãã®ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’ã¨ã‚Šã“ã‚“ã§ãƒ–ラウザ㮠DOM を速ã出æ¥ãªã„ã‹ã¨è€ƒãˆã‚‹äººãŸã¡ã‚‚ã„ãŸã€‚ 仮想 DOM ã¯ãªãœé€Ÿã„ã®ã‹ã€‚誰ã‹ã®ã¤ã¦ã‚’辿ã£ã¦ React.js ãƒãƒ¼ãƒ ã«ãŠã„ã§ã„ãŸã ãã€é€Ÿã•ã®ç§˜å¯†ã‚’テックトークã—ã¦ã‚‚らã†ã€‚ イミュータブルãªãƒ‡ãƒ¼ã‚¿æ§‹é€ ã«ã‚ˆã‚‹å˜ç´”化ã€éžåŒæœŸé©ç”¨ã«ã‚ˆã‚‹å‡¦ç†ã®ãƒãƒƒãƒåŒ–ã€å·®åˆ†ã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ã«ã‚ˆã‚‹å‰¯ä½œç”¨ã®æœ€å°åŒ–… ã„ãã¤ã‹ã®ã‚¢ã‚¤ãƒ‡ã‚¢ã¯ãƒ–ラウザã‹ã‚‰ã¯ã©ã†ã«ã‚‚ãªã‚‰ãªã„ãŒã€ãŸã¨ãˆã°éžåŒæœŸåŒ–ãªã‚“ã‹ã¯å½¢ã¯é•ãˆã©ãƒ–ラウザ
Web Components(+Virtual DOM)ラッパー書ã„ã¦ã¿ãŸ
Concept 『Web Components with Virtual DOM〠ahomu/Claylump Motivation Web Components ラッパーを書ã„ã¦ã¿ãŸã„ãªãƒ¼ã¨æ€ã£ãŸ React ã® JSX ãŒã‚¤ãƒžã‚¤ãƒæ°—ã«ãã‚ãªã„（JSã¨HTMLを一緒ã«ã™ã‚‹ãªã‚ªã‚¸ã‚µãƒ³ï¼‰ <template> ã«æ›¸ã„ãŸå†…容を Virtual DOM 生æˆå™¨ã«å¤‰æ›ã™ã‚Œã°ã„ã„ã‚“ã˜ã‚ƒã ã¨ã„ã†ã‚ˆã†ãªæ‰€ã‹ã‚‰äººæ§˜ã®ãƒ©ã‚¤ãƒ–ラリを借りã¦ãƒ„ã‚®ãƒã‚®ã—ã¦ç¿’作ã—ã¦ã¿ãŸæ¬¡ç¬¬ã€‚借りã¦ããŸãƒ©ã‚¤ãƒ–ラリ（HTML String パーサ㨠Virtual DOM）ã¯ç‹¬è‡ªå®Ÿè£…ã—ã¦ã‚‚楽ã—ãã†ãªã®ã§ã€ã‚„ã‚‹æ°—ãŒã‚ã‚Œã°ã‚„る。 ã‚‚ã¡ã‚ん実験å“ãªã®ã§ã€å®Ÿç”¨ã«ã¯è€ãˆãªã„ Files claylump.polyfill.js（webcomponents.js + window.fetch + es6promise） claylump.run
Ember.jsã®ç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®æ”¹å–„ - ワザノム| wazanova
http://eviltrout.com/2014/01/04/hiding-offscreen-ember.html1 comment | 0 pointsDiscourseã®Robin WardãŒã€Ember.jsã§ç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®ãƒ‘フォーマンスを改善ã•ã›ãŸå–組ã¿ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚ Long Lived Applications Discourseã¯ç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’多用ã—ã¦ã„る。投稿数ã®å¤šã„トピックを閲覧ã—ã¦ã„ã‚‹éš›ã«ã€ãƒ–ラウザã®viewportã®çµ‚ã‚ã‚Šã«è¿‘ã¥ãã¨ã€ã‚µãƒ¼ãƒã‹ã‚‰éžåŒæœŸã«æ–°ã—ã„投稿ãŒèªè¾¼ã¾ã‚Œã‚‹ã€‚çŸã„トピックã«ã¤ã„ã¦ã¯ã€DOMã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’è¿½åŠ ã™ã‚‹ã“ã¨ã¯ãƒ‘フォーマンスã®å•é¡Œã«ã¯ãªã‚‰ãªã„。最近ã®ãƒ–ラウザã¯ã€ãƒ¢ãƒã‚¤ãƒ«ã§ã‚ã£ã¦ã‚‚ã€æ•°ç™¾ã®æŠ•ç¨¿ã¯ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã§ãる。ã—ã‹ã—ã€æ•°åƒä»¶ã®æŠ•ç¨¿ãŒã‚るトピックを閲覧ã™ã‚‹æ™‚ã¯ã€ãƒ–ラウザã®å‹•ããŒä¸å®‰å®šã«ãªã‚Šã€ã‚¯ãƒ©ãƒƒã‚·ãƒ¥ã™ã‚‹ã“ã¨ã‚‚ã‚ã£ãŸã€‚ Cloa
HTML内ã§IDã‚’ã¤ã‘ãŸè¦ç´ ã¯JavaScriptã®ã‚°ãƒãƒ¼ãƒãƒ«å¤‰æ•°ã«æ ¼ç´ã•ã‚Œã‚‹ - Qiita
id属性ã«å€¤ã‚’è¨å®šã™ã‚‹ã¨ã€è¨å®šã—ãŸå€¤ã®å¤‰æ•°ãŒwindowオブジェクトã®ãƒ—ãƒãƒ‘ティã¨ã—ã¦ä½œã‚‰ã‚Œã¦JSã‹ã‚‰ã‚¢ã‚¯ã‚»ã‚¹ã§ãる。 <body> <div id="test">ã¦ã™ã¨</div> <div id="global">ãã‚ーã°ã‚‹</div> <script> console.log('test' in window); // true console.log('global' in window); // true console.log(test === window.test); // true console.log(global === window.global); // true </script> </body> ã“ã‚“ãªä»•æ§˜ã«ãªã£ã¦ãŸã®çŸ¥ã‚‰ãªã‹ã£ãŸã€‚ (HTMLã®è§£æžå¾Œã«ä½œã‚‰ã‚Œã‚‹ã®ã§DOMã®æº–å‚™ãŒå‡ºæ¥ã‚‹å‰ã«å‚ç…§ã™ã‚‹ã¨ã‚¨ãƒ©ãƒ¼ã«ãªã‚‹) Command Line APIã¨ã‹ã§äººæ§˜ã®
React – A JavaScript library for building user interfaces
React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. Declarative views make your code more predictable and easier to debug. Build encapsulated components that manage their own state, then compose them to make complex UIs. Since component logic is writ
dresscording.com
dresscording.com 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
グーグルãŒChrome DevToolsã®å¦ç¿’ビデオを公開。DOMæ“作ã‹ã‚‰ãƒ—ãƒãƒ•ã‚¡ã‚¤ãƒªãƒ³ã‚°ã€ãƒ¡ãƒ¢ãƒªãƒªãƒ¼ã‚¯ã®ç™ºè¦‹ã¾ã§è©³ã—ãå¦ã¹ã‚‹
グーグルãŒChrome DevToolsã®å¦ç¿’ビデオを公開。DOMæ“作ã‹ã‚‰ãƒ—ãƒãƒ•ã‚¡ã‚¤ãƒªãƒ³ã‚°ã€ãƒ¡ãƒ¢ãƒªãƒªãƒ¼ã‚¯ã®ç™ºè¦‹ã¾ã§è©³ã—ãå¦ã¹ã‚‹ å¦ç¿’内容ã¯å…¨éƒ¨ã§ä»¥ä¸‹ã®7ã¤ã®ãƒ¬ãƒ™ãƒ«ã«åˆ†ã‹ã‚Œã¦ãŠã‚Šã€17本ã®ãƒ“デオã¨ã€ãƒ¬ãƒ™ãƒ«ã”ã¨ã«ç”¨æ„ã•ã‚ŒãŸã€å®Ÿéš›ã«è‡ªåˆ†ã§æ“作ã—ã¦è§£ã„ã¦ã¿ã‚‹75以上ã®ä¾‹é¡Œã‹ã‚‰æ§‹æˆã•ã‚Œã¦ã„ã¾ã™ã€‚レベルをクリアã™ã‚‹ã¨ãƒãƒƒã‚¸ãŒã‚‚らãˆã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ Level 1: Getting Started & Basic DOM and Styles Level 2: Advanced DOM and Styles Level 3: Working With the Console Level 4: Debugging JavaScript Level 5: Improving Network Performance Level 6: Improving Performance Level 7: Memo
DOMを高速ã«æ“作ã™ã‚‹ãŸã‚ã® skin.js ã¨ã„ã†ãƒ©ã‚¤ãƒ–ラリを作ã£ãŸ - mizchi log
(ã‚¿ã‚¤ãƒˆãƒ«ä¿®æ£ DOMを高速ã«æ“作 => DOMã®å€¤ã‚’高速ã«æ›´æ–° at Sat Mar 09 2013 15:30:09 GMT+0900 (JST)) (Skin#inject実装ã—ãŸã®ã§ã‚¿ã‚¤ãƒˆãƒ«å…ƒã«æˆ»ã—㟠at Mar 09 2013 18:10:04 GMT+0900 (JST)) 若手ã®ä¼šã§ã€JavaScript Hell on Earth ã¨ã„ã†ãƒ†ãƒ¼ãƒžã§è©±ã—ã¦ãã¾ã—ãŸã€‚ js_hell_on_earth http://www.rvl.io/mizchi/js_hell_on_earth ã¨ã„ã†ã‚ã‘ã§DOM抽象ラッパーã¤ãã‚Šã¾ã—ãŸã€‚ mizchi/skin.js · GitHub https://github.com/mizchi/skin.js 目的 クライアントサイドJSã§ã¯ä¸€å›žæ›¸ã„ãŸã‚‰çµ‚ã‚ã‚Šã€ã§ã¯ã‚ã‚Šã¾ã›ã‚“。ゲームãªã©ã®ãƒªãƒƒãƒãªãƒ¦ãƒ¼ã‚¶ãƒ¼ä½“験をæä¾›ã™ã‚‹éš›ã€é«˜é »åº¦ã§DOMを書ãæ›
js ã§åˆ©ç”¨ã™ã‚‹ DOM ã®åå‰ã‚’ã©ã†ã‚„ã£ã¦ã¤ã‘ãŸã‚‰ã‚ˆã„ã®ã‹ - ãŠã‚‚ã—ã‚webサービス開発日記
js 㧠DOM をゴニョゴニョã—ãŸã„時ã€ãã£ã¨çš†ã•ã‚“㯠id ã‚„ class 㧠DOM ã«åå‰ã‚’付ã‘ã¦ã€ãã®åå‰ã‚’利用ã—㦠js ã®å‡¦ç†ã‚’書ã„ã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ 例ãˆã°<input type="button" class="update" value="æ›´æ–°" />ã®ã‚ˆã†ãªãƒœã‚¿ãƒ³ãŒã‚ã£ãŸã¨ã—ã¦ã€ js å´ã§æ›´æ–°å‡¦ç†ã‚’書ãã¨ãã«ã¯ä¸‹è¨˜ã®ã‚ˆã†ã«æ›¸ãã¾ã™ã€‚ $('.update').on('click', function () { // update å‡¦ç† }) ã§ã‚‚ã“ã‚Œã ã¨å•é¡Œã«ãªã‚‹ã‚±ãƒ¼ã‚¹ãŒã‚ã‚Šã¾ã™ã€‚よãã‚ã‚‹ã®ãŒã€ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ‘ーã¨ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒåˆ†æ¥ã—ã¦ã„ã¦ã€ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ‘ーãŒãƒ‡ã‚¶ã‚¤ãƒ³ã®ãŸã‚ã« class åを変ãˆã¦ã—ã¾ã„ js ãŒå‹•ã‹ãªããªã‚‹ãƒ‘ターン。分æ¥ã›ãšã«ä¸€äººã§å…¨éƒ¨ã‚„ã£ã¦ãŸã¨ã—ã¦ã‚‚ã€æ™‚é–“ãŒçµŒã¤ã«ã¤ã‚Œä½¿ã£ã¦ã„ã‚‹ class å㌠js ã ã‘ã§ä½¿ã£ã¦ã„ã‚‹ã®ã‹ã€css ã§ã‚‚使ã£ã¦ã„ã‚‹
ブラウザã®ã—ãã¿: 最新ウェブブラウザã®å†…éƒ¨æ§‹é€ - HTML5 Rocks
How browsers work Stay organized with collections Save and categorize content based on your preferences. Preface This comprehensive primer on the internal operations of WebKit and Gecko is the result of much research done by Israeli developer Tali Garsiel. Over a few years, she reviewed all the published data about browser internals and spent a lot of time reading web browser source code. She wrot
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
JavaScriptã®MutationObserverã§DOMã®å¤‰åŒ–を監視ã™ã‚‹æ–¹æ³• - Qiita
Difference between DOM parentNode and parentElement
Virtual DOM and diffing algorithm
search?q=chrome%20developer%20tools
http://cssreflow.com/
{{#tags}}- {{label}}
{{/tags}}