-
<search>标签不是有效HTML标签，未被HTMLLivingStandard采纳，浏览器视其为未知元素；正确写法是<form>包裹<inputtype="search">并配<label>，语义化且兼容无障碍与搜索引擎。
-
flex:none等价于flex:00auto，表示不放大、不缩小、基准尺寸按内容或宽高计算，并非脱离Flex布局，仍保留对齐与顺序控制能力。
-
ID选择器赢，因其权重100高于class选择器的10；同元素同属性时，ID规则覆盖class规则，浏览器开发者工具中被划掉的样式即被更高权重要素覆盖。
-
不能，FontFaceSet.load()仅触发加载而不保证字体就绪；真正可靠的就绪信号是document.fonts.ready，它在字体完成加载、解析和注册后才resolve，需await此Promise再执行Canvas绘图。
-
nonce是CSP中允许内联脚本的安全机制，需服务端动态生成并严格匹配响应头与script标签中的值；不支持meta标签设置，且对eval和内联事件无效。
-
用Props实现表格排序和过滤的核心是状态上提：父组件管理sortBy、sortDir、filterText等状态并传给子组件，子组件仅渲染和触发onSort等回调，不维护状态；排序过滤分页顺序为先过滤、再排序、最后分页，逻辑置于父组件或自定义Hook中，子组件只接收displayData和total。
-
<p>Generator配合yield实现的是递归式生成器、非递归式执行的扁平化迭代，利用暂停/恢复机制避免调用栈溢出，空间复杂度降为O(d)；yield是委托语法，实现链式遍历，无需手动维护栈。</p>
-
答案是结合本地存储、变更队列与增量同步实现离线缓存。通过IndexedDB/SQLite持久化数据并标记状态，用唯一ID避免冲突；维护持久化变更队列记录增删改操作，支持优先级排序；网络恢复后上传本地变更、下载服务端增量更新，基于时间戳或版本号处理冲突；利用WebSocket接收变更通知触发局部刷新，确保在线与离线状态平滑切换，最终实现数据一致性。
-
HTML5语义化标签不直接提升排名，但显著增强SEO可读性与结构理解；<main>必须唯一且为直接子元素，缺失标题的<section>不构成逻辑分组，<nav>仅用于主导航，<img>缺alt将导致图片被忽略，<time>需ISO8601格式。
-
aspect-ratio在现代浏览器（Chrome88+、Firefox89+、Safari15.4+）中可靠，但需满足前提：至少一个轴有确定尺寸；父容器无明确宽高、子元素用height:100%或绝对定位、或浏览器不支持（如IE）均会导致失效。
-
iOSSafari（尤其iPad）中SVG点击事件失效的根本原因是渲染层默认禁用pointer事件，需显式设置pointer-events:all并添加touchstart事件才能可靠触发。
-
nav和dropdown必须是两个独立block，因nav只管语义结构与布局，dropdown专责交互行为（显隐、定位、过渡），二者职责分离才能避免样式耦合与测试爆炸。
-
闭包预初始化通过封装惰性求值逻辑实现冷启动优化：声明时仅绑定作用域并设缓存桩，触发时才执行轻量同步操作（如本地存储读取），支持一次初始化、多次复用，避免全局同步阻塞。
-
移动端优先需HTML核心信息前置+flexorder重排视觉顺序，禁用display:none避免影响可访问性与SEO，通过纯HTML结构验证、屏幕阅读器测试及Lighthouse审计确保实效。
-
JavaScript通过style属性、classList和getComputedStyle等API动态控制CSS样式：直接修改element.style适用于简单内联样式；推荐用classList切换预定义CSS类；getComputedStyle用于读取最终渲染样式。
