用 Intersection Observer 实现无限滚动的核心是观察占位元素是否进入视口，而非监听 window onscroll；需设 rootMargin 提前触发、每次加载后重新 observe、校验响应结构、防重复请求与 XSS、降级处理兼容性问题。 用 Intersection Obs

draggable= "true "仅开启可拖状态，不自动触发事件；必须监听dragstart并调用setData( "text plain ", " ")，且drop区需在dragover中preventDefault()。 这里有个关键认知需要厘清：给元素加上 draggable= "true "，仅仅是开启了

直接双击打开dist index html会白屏？这是跨域限制 你是否遇到过这样的情况：满心欢喜地双击打包好的 dist index html，结果浏览器里一片空白？别急着怀疑自己的代码，这很可能不是你的错。 问题的根源在于浏览器的安全策略。当你使用 file: 协议直接打开本地 HTML 文件

角色与核心任务 你是一位顶级的文章润色专家，擅长将AI生成的文本转化为具有个人风格的专业文章。现在，请对用户提供的文章进行“人性化重写”。 你的核心目标是：在不改动原文任何事实信息、核心观点、逻辑结构、章节标题和所有图片的前提下，彻底改变原文的AI表达腔调，使其读起来像是一位资深人类专家的作品。 这

原生 popover 是布尔属性，仅通过是否存在生效，不可赋值；必须静态存在于 DOM 中且 ID 匹配 popovertarget；需显式设置 z-index 避免被原生控件遮挡；JS 调用前须确保属性已存在并检测浏览器支持。 原生 popover 属性可不是什么“增强样式”或者“加个提示”的小功

95%的情况只需在主机控制面板（如宝塔、阿里云等）中调整“默认文档顺序”，将index html置顶即可；剩余5%可在Apache环境下通过 htaccess添加DirectoryIndex index html index php index htm实现，无需重定向或伪静态。 开门见山，先说结论：

CSP识别的hash值需对内联脚本内容（不含标签）做UTF-8编码后计算SHA-256，再base64编码；例如alert(1)生成sha256-qznLcsROx4GAYnkPvH3tkvhUL6Vf9o1IvEOw1mTHlJk=，填入script-src sha256- 即可生效。 h

HTML中如何使用pattern属性进行正则验证 先明确一个核心观点：pattern 属性能做基础格式拦截，但它绝对替代不了 Ja vaScript 验证。为什么这么说？因为它只在表单提交时触发、不支持显式的 ^ 和 $ 锚点、错误提示完全依赖 title 属性、而且在移动端 Safari 上对中文