Google Chrome 53 Beta引入影子(Shadow)DOM V1,以及支付請求(PaymentRequest)API。
與之前影子DOM V0明顯不同,V1棄用了影子DOM對多個根節(jié)點的支持,并增加了阻止外界訪問內部的根節(jié)點關閉功能。
在發(fā)布聲明的博客中,Hayato Ito強調,雖然HTML、CSS、JavaScript非常有用也很強大,但是很難對大代碼量進行維護。
Ito表示,V1“能讓元素封裝自己的樣式且子DOM不受外界DOM的影響。這提升了大代碼量的可維護性”。同時Chrome仍將支持V0。
在HackerNews關于Google Chrome 53 Beta的討論中,用戶borplk問到“影子DOM是否對React等有影響?如在提升性能等方面”。
Google工程師Eric Bidelman回復到:
很明顯,影子DOM是一個瀏覽器內嵌的提升開發(fā)者效率的工具。
在React中,你需要使用內聯(lián)樣式或支持模塊化、增加CSS前綴的構建工具(如CSS Modules)。內聯(lián)樣式會將特性配置污染到全局,并且大量內聯(lián)樣式會讓瀏覽器做超出必要的上下文切換(HTML解析器<->CSS解析器)。注意,后者不太會成為真實應用的性能問題。
在影子DOM中,你只需要寫CSS。在“