-
图片容器必须设为position:relative，否则absolute遮罩层会脱离预期位置；遮罩层应使用rgba()设置背景透明度以避免文字发虚；尺寸需设为top:0;left:0;width:100%;height:100%或inset:0确保铺满；图片用display:block和object-fit:cover优化显示。
-
HTML5中绘制直线分隔内容块有五种方法：一、用<hr>标签语义化分隔；二、用CSSborder属性在块级元素上绘制；三、用伪元素::before/::after添加装饰线；四、用SVG<line>实现精确坐标控制；五、用linear-gradient背景创建多样式线条。
-
模板字符串用反引号包裹，天然支持多行、内嵌变量、保留原始格式，并支持标签函数。如第一行第二行、${name}、正则表达式及safeHtml<div>${userInput}</div>等。
-
WeakSet是仅存储对象且不阻止垃圾回收的集合，具有弱引用特性，只提供add、delete、has方法，适用于私有状态标记和避免内存泄漏，不可用于缓存或遍历。
-
答案：ReactHook规则要求只能在函数组件顶层和自定义Hook中调用Hook，确保每次渲染调用顺序一致，避免状态错乱和副作用异常，这些规则是React依赖调用顺序管理状态的机制基础，违反会导致bug或错误，可通过自定义Hook抽象逻辑、正确设置依赖数组和使用eslint插件来规避问题。
-
Gap在Safari14.1前完全不支持，@supports(gap:0)是唯一可靠检测方式，但需用(grid-row-gap:0)and(row-gap:0)避开Safari14.1伪支持陷阱，降级推荐margin+overflow:hidden方案。
-
本文详解如何通过fetch从icanhazdadjoke.comAPI获取笑话，并在网页中安全、准确地渲染；重点解决因遗漏return和错误访问响应对象导致的undefined问题。
