当前位置:企业应用软件行业动态 → 正文

Google Chrome 53 Beta引入影子(Shadow)DOM V1

责任编辑:editor004 作者:James Chesters |来源:企业网D1Net  2016-09-01 11:36:14 本文摘自:INFOQ

Google Chrome 53 Beta引入影子(Shadow)DOM V1,以及支付请求(PaymentRequest)API。

与之前影子DOM V0明显不同,V1弃用了影子DOM对多个根节点的支持,并增加了阻止外界访问内部的根节点关闭功能。

在发布声明的博客中,Hayato Ito强调,虽然HTML、CSS、JavaScript非常有用也很强大,但是很难对大代码量进行维护。

Ito表示,V1“能让元素封装自己的样式且子DOM不受外界DOM的影响。这提升了大代码量的可维护性”。同时Chrome仍将支持V0。

在HackerNews关于Google Chrome 53 Beta的讨论中,用户borplk问到“影子DOM是否对React等有影响?如在提升性能等方面”。

Google工程师Eric Bidelman回复到:

很明显,影子DOM是一个浏览器内嵌的提升开发者效率的工具。

在React中,你需要使用内联样式或支持模块化、增加CSS前缀的构建工具(如CSS Modules)。内联样式会将特性配置污染到全局,并且大量内联样式会让浏览器做超出必要的上下文切换(HTML解析器<->CSS解析器)。注意,后者不太会成为真实应用的性能问题。

在影子DOM中,你只需要写CSS。在“

关键字:DOMChrome

本文摘自:INFOQ

x Google Chrome 53 Beta引入影子(Shadow)DOM V1 扫一扫
分享本文到朋友圈
当前位置:企业应用软件行业动态 → 正文

Google Chrome 53 Beta引入影子(Shadow)DOM V1

责任编辑:editor004 作者:James Chesters |来源:企业网D1Net  2016-09-01 11:36:14 本文摘自:INFOQ

Google Chrome 53 Beta引入影子(Shadow)DOM V1,以及支付请求(PaymentRequest)API。

与之前影子DOM V0明显不同,V1弃用了影子DOM对多个根节点的支持,并增加了阻止外界访问内部的根节点关闭功能。

在发布声明的博客中,Hayato Ito强调,虽然HTML、CSS、JavaScript非常有用也很强大,但是很难对大代码量进行维护。

Ito表示,V1“能让元素封装自己的样式且子DOM不受外界DOM的影响。这提升了大代码量的可维护性”。同时Chrome仍将支持V0。

在HackerNews关于Google Chrome 53 Beta的讨论中,用户borplk问到“影子DOM是否对React等有影响?如在提升性能等方面”。

Google工程师Eric Bidelman回复到:

很明显,影子DOM是一个浏览器内嵌的提升开发者效率的工具。

在React中,你需要使用内联样式或支持模块化、增加CSS前缀的构建工具(如CSS Modules)。内联样式会将特性配置污染到全局,并且大量内联样式会让浏览器做超出必要的上下文切换(HTML解析器<->CSS解析器)。注意,后者不太会成为真实应用的性能问题。

在影子DOM中,你只需要写CSS。在“

关键字:DOMChrome

本文摘自:INFOQ

电子周刊
回到顶部

关于我们联系我们版权声明隐私条款广告服务友情链接投稿中心招贤纳士

企业网版权所有 ©2010-2024 京ICP备09108050号-6 京公网安备 11010502049343号

^