-
根本原因是CPU密集型解析任务阻塞主线程，WebWorker是唯一可靠解法——它将解压、XML解析、类型推断等纯计算任务移至独立线程，确保UI持续响应。
-
侧边栏滑入效果可通过CSS@keyframes和transform:translateX()实现。1.定义@keyframesslideIn，从translateX(-300px)到translateX(0)；2.将动画应用到.sidebar，设置animation:slideIn0.5sease-outforwards，初始隐藏；3.可通过JS添加.show类触发动画；4.扩展slideOut动画实现滑出。该方案流畅高效，无需JS即可实现基础动效。
-
HTML注释无法阻止JavaScript执行或CSS应用，因其仅影响HTML解析器；应改用type="text/plain"屏蔽脚本、disabled属性禁用样式，或display:none隐藏HTML结构。
-
注销账号需满足二次确认、防误触、服务端校验三要素：前端用自定义模态框禁用按钮并明确提示不可逆后果，服务端须清除session、refresh_token及第三方绑定凭证，成功页禁用后退并清理本地数据。
-
调整padding-inline可精确控制figure元素行内方向内边距，替代传统左右设置，提升多语言布局灵活性，避免内容拥挤。
-
纯前端无法实现可靠签到打卡，因需防伪造、验时效、留凭证；仅用getCurrentPosition()易被篡改坐标、缓存旧值或伪造时间，须前后端协同校验精度、时间差、设备指纹及地理围栏。
-
动态导入import()是代码分割核心，需配合Webpack/Vite等工具、React.lazy+Suspense、SplitChunksPlugin及import.meta.preload等实现按需加载与优化。
-
命名路由是通过name属性为路由分配唯一语义化名称，实现跳转与路径解耦；支持改路径不改调用、IDE智能提示、嵌套路由清晰等优势，需规范使用camelCase、业务意图命名、模块化命名空间，并在模板和JS中以对象形式传入name及params/query参数。
-
document.cookie读写不生效因它是伪接口：写入需指定路径、过期时间等，否则会话级失效或跨路径不可读；HttpOnlycookie无法JS读取；读取须正则匹配防分号干扰；删除需严格匹配path/domain并设过去时间。
-
checkbox方案适合静态页、SEO敏感或防JS失效场景，因其用:checked伪类天然提供布尔状态，无需事件监听或DOM状态维护，但需正确HTML结构、ID关联、媒体查询优先级处理及少量JS实现滚动锁和遮罩关闭。
-
iOSSafari中border-radius:0对表单按钮无效，因-webkit-appearance:button强制走原生渲染，跳过CSS圆角计算；需统一设-webkit-appearance:none才能生效。
-
br标签是语义化换行标记，仅用于同一段落内需强制折行的场景，如地址、诗歌、歌词；不可替代段落结构或用作布局工具，否则损害可访问性、SEO及响应式表现。
-
ruby-position只能设在ruby元素上，支持over/under/right三值，Safari16.4+才真正支持under；移动端WebView兼容差，需@supports检测或JSfallback。
-
hidden属性加了却没隐藏，是因为CSS未配置兜底规则[hidden]{display:none!important}，导致全局样式覆盖其默认行为；它本质是HTML5语义化隐藏机制，非CSS控制。
-
var(--color)在ShadowDOM中回退fallback的根本原因是变量未声明在宿主或其祖先继承链上；必须显式在<my-button>等宿主元素上设--color，:root或body声明无效，且:host是唯一合法注入入口。
