-
Intl.Segmenter不能直接实现搜索引擎关键词自动分词算法，因其仅按Unicode和locale规则切分语言感知边界，不理解语义、不消歧、不合并同义词，也不做停用词过滤或词干提取。
-
可通过iframe、fetch+pre、object标签或服务端预处理四种方式在HTML5中显示外部TXT文件，需重点处理字符编码（如UTF-8声明、BOM、响应头）并防范XSS风险。
-
断点应按内容最小可读宽度反推而非设备尺寸，优先用min-width从移动优先逐步增强；Grid三栏需分层mediaquery控制列数，避免auto-fit兼容问题；Flexgap兼容需用负margin方案；错位问题用align-items:start或显式grid-template-rows解决。
-
BackgroundSyncAPI不能在断网时自动重试，仅在网络恢复且ServiceWorker活跃时触发sync事件；需配合IndexedDB持久化请求数据，并在sync事件中重建并发送。
-
Promise.withResolvers用于提前创建可外部决议的Promise，天然适配状态机设计：预定义状态+可控跃迁，各状态独立持有resolvers，通过resolve/reject主动推进流程，支持取消、超时与多分支跳转。
-
可通过自定义tailwind.config.js中theme.extend.gridTemplateColumns添加动态列配置，如'5':'repeat(5,minmax(0,1fr))'，再配合gap工具类与min-w-0等处理溢出和错位问题。
-
结论是用script标签内嵌JSON-LD是当前最稳妥、Google最推荐的LocalBusiness结构化数据实现方式；因其与HTML解耦、容错性强、解析优先级高，而Microdata和RDFa易受模板变动、JS动态渲染及DOM嵌套错误影响失效。
-
white-space:nowrap是禁止文字换行的正确起点，但单独使用常失效：需配合width/max-width、display:block/inline-block、overflow:hidden及text-overflow:ellipsis才能实现完整截断效果，且在表格、contenteditable等场景需额外处理。
-
要用:nth-of-type()精准选「第N个某类标签」，因为其按标签类型分组计数，而:nth-child()只看子元素位置；混排结构中二者行为根本不同。
-
<p>HTML5注释仍用<!--...-->，批量删除需正则匹配完整非嵌套注释块；VSCode推荐/(?s)<!--[\s\S]*?-->/g，注意未闭合注释风险；各编辑器需适配跨行与非贪婪匹配；删后须验证条件注释、TODO及DOM布局影响。</p>
-
iOSSafari中autofocus属性和focus()方法均受限：autofocus被主动忽略以防软键盘意外弹出；focus()必须在用户手势同步上下文中调用，且元素需已渲染、可聚焦、无iframe限制。
-
用WebAssembly+oneTBB并行报表计算可将100万行聚合从8秒降至1.2秒，关键需调优线程数、grainsize、内存对齐、combiner实现、内存池复用及transferable通信。
-
figure默认不居中，它只是语义化的块级元素，宽度默认撑满父容器且margin为0，无内置居中行为；居中需通过width+margin:auto、Flex布局或text-align配合inline-block等CSS方式实现。
-
子菜单错位是因为Grid上下文不继承，必须逐级显式声明display:grid；.submenu需设display:grid才能解析grid-column:2；推荐固定三列轨道+显式列号定位；小屏应使用display:none控制显隐；父容器须设overflow:visible防裁剪。
-
link标签本身不阻塞HTML解析，但rel="stylesheet"会阻塞渲染和后续脚本执行；其他rel值如preload、icon、preconnect均不阻塞解析或渲染。
