-
纯CSS深度按钮靠多层linear-gradient叠加实现明暗错觉：第一层tobottom垂直高光渐变，第二层toright水平阴影渐变，顺序不可颠倒，用background-size/position精准控光效；stop-color是SVG属性，CSS中应写#fff0%；:active时位移各层background-position增强按压感；IE11等旧环境用@supports降级单层渐变。
-
用Props控制列表分页状态，即由父组件管理currentPage、pageSize、total、loading及onPageChange，子组件仅反射状态并触发回调，实现逻辑与UI解耦、便于测试复用及统一控制。
-
HTML页面本身不处理跨域，真正起作用的是浏览器对JavaScript发起的请求（如fetch、XMLHttpRequest）施加的同源策略限制；而<form>、<script>、<img>等标签天然不受限，因浏览器仅对脚本读取响应内容的行为做同源检查。
-
直接在header.php中硬编码<link>会覆盖WordPress主题更新、破坏样式依赖管理、导致加载顺序错乱；必须用wp_enqueue_style在wp_enqueue_scripts钩子中注册，确保依赖、缓存、路径和handle正确。
-
WeakMap不可迭代是关键设计，旨在防止外部探测键的存在状态以保护私有数据；它无keys()/values()/entries()方法、不支持for...of和展开运算符，JSON.stringify返回"{}"。
-
不能。try-catch无法捕获异步错误（如setTimeout、Promise.then中抛出的错误）、语法错误、资源加载失败、跨域脚本错误及Worker/iframe内部错误；需结合async/await、.catch()、全局error/unhandledrejection事件等机制补全。
-
浏览器支持的href协议包括http、https、ftp、file、mailto、tel、sms、data及自定义协议；其中http/https默认启用，file在现代浏览器中基本禁用，dataURL过长会截断，自定义协议依赖系统handler注册；锚点跳转需目标元素含id属性，特殊字符需编码；路径解析以当前URL为基础；CSP等安全策略可能拦截tel:、javascript:等协议。
-
scroll-snap-type必须配合scroll-snap-align才生效；仅设容器scroll-snap-type:ymandatory不触发吸附，需在每个子元素上显式声明scroll-snap-align:start/center/end，且容器须有溢出滚动（overflow-y:auto）和固定高度。
-
HTML结构本身不参与关键词排名计算，但错误结构会导致搜索引擎无法识别内容重点；真正起效的是语义标签、内容层级与位置信号共同构建的「可理解性」。
-
分片迭代通过将大任务切分为小块并用setTimeout让出主线程，保障页面响应性。它避免单线程阻塞导致UI假死，适用于顺序不敏感、中等数据量场景，核心是固定块大小、索引控制范围、setTimeout(…,0)调度。
-
Object.fromEntries不支持嵌套解析，需手动实现nestedAssign：先按数组语法（key.endsWith('[]')）或点号路径（key.split('.')）分类处理entries，逐层创建对象或推入数组，注意类型兼容与空值语义。
-
article标签本身不直接提升SEO排名，但错误使用会损害SEO和无障碍体验；它向搜索引擎和读屏软件表明内容可独立索引与分发，必须包裹真正具备独立语义的内容（如博客正文、新闻稿、单条评论），且每个article必须含且仅含一个有意义的h1–h6标题。
-
CSScubic-bezier()仅控制属性值随时间变化的速率，不改变运动路径；如配合translateX()或opacity使用，元素仍沿直线运动，无法实现弧线轨迹。
-
HTML5拖拽API仅捕获拖放动作并获取FileList，上传需配合FileReader或FormData与fetch/XHR；dragover和drop事件必须调用preventDefault()，否则流程中断；应直接使用dataTransfer.files而非items，移动端需降级为fileinput。
-
CSS选择器无法向上选择父元素，这是由规范决定的设计限制；:has()是唯一例外但支持有限且性能开销大，真正需要父子联动时应使用JavaScript。
