前端开发

modulepreload：专为ES模块设计的预加载机制 先明确一个核心概念：modulepreload 是专门服务于 ES 模块的预加载机制。它的工作模式是“只下载，不执行”，并且需要你提供模块的绝对路径。关键点在于，它的 href 必须与后续 script 标签的 src 完全一致，跨域时务必加

HTML怎么解决字体不可见FOIT_HTML FOIT字体不可见解决方法【手册】 先明确一个关键点：FOIT（Flash of Invisible Text）并非字体加载卡住了，而是浏览器的一种“主动选择”——它宁可让文字暂时消失，也绝不先用系统字体凑合显示。 理解了这一点，解决方案的思路就清晰了。

title属性是HTML全局属性，仅提供浏览器原生工具提示，不生成DOM节点、不可样式化、无障碍支持弱，仅适用于非关键的兜底辅助文本。 title属性只触发浏览器原生提示，不是真正的UI组件 先明确一点：title 属性是 HTML 的全局属性，几乎所有元素都能用。但它的本质，是给浏览器提供一段纯文

用 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 上对中文

自定义元素生命周期钩子是强制接口：constructor仅初始化，不可操作DOM；connectedCallback是发起请求和初始化UI的唯一可靠时机；attributeChangedCallback需声明observedAttributes才生效；disconnectedCallback必须清理

HTML超链接怎么做？ 先说一个核心原则：在HTML的世界里，创建超链接这件事，a标签是唯一的标准答案。千万别想着走捷径，比如用div或者span标签，再绑上一堆Ja vaScript事件来模拟点击跳转。这么做，表面上功能可能实现了，但背后的问题一大堆：搜索引擎看不懂你的意图，页面语义结构变得混乱，

Layui select 搜索框默认不触发后端请求，需配置 lay-search= "{ remote: true, url: api select-options } " 才启用远程搜索，且后端必须返回含 data 字段的标准 JSON、支持 trim 和分页。 select 搜索框不触发后端请

如何用Number prototype toFixed处理金额显示并理解其四舍五入坑 toFixed 会把 0 1 + 0 2 变成 0 30 吗？ 先说结论：不会，而且这里头藏着更深的陷阱。你猜怎么着？0 1 + 0 2 在 Ja vaScript 里算出来其实是 0 30000000000000