-
将<link>放进<head>仍会FOUC，因media不匹配、@import串行加载、preload未配onload、Content-Type错误等会使阻塞失效；需用media="all"测试、内联关键CSS、加loading类并设超时兜底。
-
Checkbox控制抽屉显隐更轻量，因无需事件监听、不触发重排、无运行时依赖，纯CSS通过:checked伪类联动实现；需input与抽屉同DOM上下文，用~或+选择器；推荐transform替代margin实现滑入；移动端须用label显式关联并保障点击区域；抽屉滚动需设overflow-y:auto、明确高度及-webkit-overflow-scrolling:touch。
-
HTML应按业务模块拆分为pages/下的独立文件，共享组件用动态加载或服务端include复用；资源路径统一用根相对路径（如/js/main.js），避免相对路径解析错误导致404。
-
ChromeDevToolsPerformance面板打点分析CRP是定位SPA渲染瓶颈最高效方式，需聚焦用户操作触发的渲染链路，结合手动标记、阶段识别与WebVitals验证优化效果。
-
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限制。
