光速了解script style link元素新增的blocking属性
💡
原文中文，约2900字，阅读约需7分钟。
📝
内容提要
本文介绍了HTML中的blocking属性，用于控制资源加载对页面渲染的影响。该属性支持render、load和none值，主要用于优化页面性能。目前仅支持render值，blocking属性的DOMTokenList特性允许开发者存储任意字符串数据，便于数据交互。整体来看，该属性的实际应用场景较少。
🎯
关键要点
- blocking属性用于控制资源加载对页面渲染的影响。
- 该属性支持render、load和none值，目前仅支持render值。
- blocking属性适用于<script>、<style>和<link>元素。
- render值会阻塞页面渲染，load值会阻塞load事件，none值不会阻塞任何操作。
- blocking属性的实际应用场景较少，尤其是在<link>和<style>元素中。
- blocking属性是DOMTokenList特性，允许开发者存储任意字符串数据。
- 可以使用add、remove等方法对blocking属性进行编辑。
- 该属性的实际用途主要在于其DOMTokenList特性，便于数据交互。
❓
延伸问答
blocking属性的主要功能是什么？
blocking属性用于控制资源加载对页面渲染的影响，优化页面性能。
blocking属性支持哪些值？
blocking属性支持render、load和none值，但目前仅支持render值。
blocking属性适用于哪些HTML元素？
blocking属性适用于<script>、<style>和<link>元素。
blocking属性的DOMTokenList特性有什么用？
blocking属性的DOMTokenList特性允许开发者存储任意字符串数据，便于数据交互。
使用blocking属性时，render值的作用是什么？
当设置为render时，资源的加载会阻塞页面的渲染，确保资源加载完成后再继续渲染页面。
blocking属性的实际应用场景多吗？
blocking属性的实际应用场景较少，尤其是在<link>和<style>元素中。
🏷️
标签
➡️
