-
不推荐使用<metahttp-equiv="refresh">，因其强制整页重载，会丢失表单、破坏历史、引发重复提交，且无法携带认证信息、不支持动态间隔；应改用setInterval+fetch轮询或EventSource/WebSocket推送。
-
px是绝对单位，适合精确控制元素大小，保持跨设备一致性；%是相对单位，适用于响应式布局。1)px用于字体大小、边框宽度等。2)%用于容器宽高，适应不同屏幕。3)混合使用px和%可平衡精确与响应性。4)媒体查询可增强响应式设计。
-
结论：Sass嵌套响应式导航应避免顶层无节制嵌套媒体查询，正确做法是抽离断点为@mixin或变量、组件级写媒体查询、语义化分层命名、分离移动端状态、分层管理变量、禁用@extend改用@mixin、写标准属性交由Autoprefixer处理。
-
iframe的sandbox属性默认禁用脚本，仅allow-scripts可解禁；空sandbox全禁用，动态设置无效；allow-scripts不恢复内联事件处理器；allow-same-origin与之组合需极度谨慎，易导致XSS。
-
Tailwind内置shadow类无法控制阴影方向，因其固定y偏移为正、x偏移为0；需用shadow-[...]自定义box-shadow值，如shadow-[-10px_0_10px_-2px_rgba(0,0,0,0.1)]实现向左投影。
-
CSS模块化需用PostCSS+postcss-import拆分、CSSModules隔离样式、clsx处理状态组合，禁用@import；伪类/动画须与宿主同文件。
-
JavaScript通过消息队列和事件循环实现异步编程，消息队列暂存异步回调，事件循环在调用栈为空时将任务依次推入执行，微任务优先于宏任务，事件驱动架构则通过监听用户或系统事件触发回调，两者协同确保异步任务有序执行且不阻塞主线程。
-
JavaScript修改DOM样式主要有四种方式：直接操作style属性（需驼峰命名、手动加单位）、用classList增删预定义CSS类（推荐）、调用getComputedStyle获取渲染后样式（只读，避免高频调用）、通过setProperty修改CSS变量实现主题切换。
-
sessionStorage.setItem()存不进去的根本原因是value未转字符串或键名含非法字符，浏览器静默失败不报错；必须JSON.stringify()对象、规范命名，并加try/catch防护。
-
离线HTML内容索引靠人工组织文件结构、正确使用相对路径和浏览器默认行为实现，而非自动生成；双击打开时404本质是file://协议下路径解析错误，如/开头路径指向磁盘根目录。
-
统一的JavaScript代码规范提升可读性与协作效率。1.命名需语义化：变量函数用camelCase，常量全大写加下划线，类用PascalCase，私有成员以下划线开头。2.格式统一：空格缩进（2或4），花括号行尾，单变量声明，不省略块括号，运算符加空格。3.作用域管理：优先const，次let，禁用var；变量就近声明；避免全局污染；使用解构赋值。4.函数模块设计：函数单一职责，长度≤50行，参数≤3个，用配置对象和默认参数；异步用async/await；模块导出清晰。5.注释文档：JSDoc标注公共
-
边框颜色通过视觉区分、交互反馈和语义传达提升卡片组件的用户体验。使用主题色或对比色可突出信息类（蓝）、警告（橙黄）、成功（绿）等状态，如border:1pxsolid#1890ff;增强识别；结合:hover或:focus动态切换边框色（如浅灰→主题蓝→深色），提供操作反馈；搭配border-radius与过渡效果，营造现代感；语义化应用中，红边示错误、灰边表禁用、渐变边框吸睛促销内容，统一规范颜色用途，确保界面清晰易用。
-
JavaScript性能监控核心是PerformanceAPI，优先用PerformanceObserver捕获FCP、LCP、CLS等WebVitals指标，辅以performance.mark/measure自定义打点，通过sendBeacon上报并采样。
-
<header>标签仅用于包裹语义上的标题性内容，如logo、导航、搜索框等，并必须包含<h1>–<h6>等标题元素；不可滥用为视觉布局容器或塞入轮播图、广告等非标题内容。
-
tr:nth-child(even)背景不生效主因是DOM结构干扰或优先级覆盖，应改用tr:nth-of-type(even)并检查thead/tbody影响、动态渲染及无障碍对比度。
