-
新闻详情页不必强制使用<article>，但强烈建议：它标识独立可复用内容，提升SEO与无障碍访问；<time>的datetime属性须为ISO8601格式（如2026-04-13T12:26:00+08:00），否则搜索引擎判无效。
-
本文详解如何在Styled-Components中可靠触发单次动画（如点击缩放效果），对比纯CSS方案的局限性，明确setTimeout重置状态仍是当前最可控、可复用的标准实践，并提供优化写法与注意事项。
-
HTML本身不是JSON格式，二者语法用途不同；常见的是在HTML中嵌入JSON字符串或用JSON描述HTML结构；美化工具是否有效取决于处理对象是纯JSON还是嵌套内容。
-
安全项状态总览需用JavaScript结合后端API动态渲染，禁止HTML硬编码；各状态须绑定数据字段、防XSS、路由契约对齐、样式隔离，确保颜色/文案/操作三者一致可信。
-
JavaScript的find方法用于查找数组中第一个满足条件的元素。1.它通过遍历数组，对每个元素执行提供的回调函数，一旦找到符合条件的元素即返回该元素；2.若遍历结束未找到，则返回undefined；3.回调函数接收三个参数：当前元素、当前索引（可选）、原数组（可选）；4.与filter不同，find只返回第一个匹配项，而filter返回所有匹配项组成的数组；5.常用于根据唯一标识查找对象、表单验证中定位首个错误字段、选择特定配置等场景；6.使用时需注意：必须检查返回值是否为undefined、确保回
-
box-shadow实现内阴影必须显式添加inset关键字，正确写法为box-shadow:inset02px4pxrgba(0,0,0,0.2)；inset须紧接在box-shadow:后，不可省略、错位或加引号；响应式需用媒体查询分段控制，如手机端用inset01px2pxrgba(0,0,0,0.15)。
-
应使用min-height:100dvh+max-height:100dvh+overflow-y:auto替代height:100vh，配合flex-shrink:0和visualViewport.resize监听，在不支持dvh时降级并用JS动态更新高度。
-
侧边索引需用JS扫描h2-h4标题并清洗ID（去标点、去重、去空）、用scrollIntoView精准滚动、DocumentFragment离屏构建DOM、事件委托绑定，避免卡顿与定位失败。
-
Canvas滤镜本质是手动读、算、写像素，核心依赖getImageData和putImageData；失效主因是执行时机错误（如img.onload绑定顺序）、跨域限制、canvas宽高未设为图片实际尺寸，或遍历步长/索引/边界处理不当。
-
解构赋值可通过嵌套结构、默认值、动态键名、函数参数解构、别名及剩余运算符等高级技巧提升代码可读性与开发效率，适用于处理复杂数据结构、配置项和API响应。
-
index.html无法直接连接数据库，必须通过后端服务中转；前端用fetch调用API，后端连接数据库并返回JSON；切勿硬编码数据库凭证，需处理CORS和安全防护。
-
@import在ShadowDOM中不推荐，因其同步阻塞渲染导致300–600ms延迟，SSR不生效、HMR后样式丢失、路径解析易404、构建工具无法处理、错误静默忽略；fetch需防重复注入与竞态，adoptedStyleSheets是现代首选但Safari17.4+才稳定支持。
-
局部同构更新不能实现“不重刷页面却更新SEO”，SEO内容必须由服务端直出并存在于初始HTML中；局部刷新仅能安全更新与服务端输出严格匹配的子树，不得破坏已有SEO结构。
-
inputtype="email"触发浏览器原生格式校验（如必须含@和域名），但不查域名有效性，仅作前端提示；需配合required、placeholder、multiple等属性，并始终在服务端用RFC兼容规则二次校验并trim。
-
getDay()方法返回0-6的星期数字，需数组或Intl对象转换为中文。1.getDay()返回本地时间星期几，0为周日；2.可用数组映射转换为“星期一”等字符串；3.也可用Intl.DateTimeFormat自动处理国际化格式；4.getDay()与getDate()不同，前者获取周几，后者获取月内日期；5.注意周日为0可能与ISO标准不一致，需手动调整；6.Date对象若未指定时区，getDay()结果受运行环境影响。
