-
<noscript>仅在JavaScript被完全禁用时生效，对内联脚本有效，不响应外部脚本失败、CSP阻止或运行时错误；应置于功能区块旁而非<head>，且不能替代渐进增强。
-
padding百分比始终基于父元素宽度计算，即使上下内边距也如此，例如父宽500px时，padding-top:20%等于100px，此举避免高度依赖导致的循环计算问题，确保布局稳定，常用于响应式设计中创建与宽度成比例的间距。
-
video元素直接设border-radius无效，因其为原生组件，不走标准CSS盒模型裁剪；应通过父容器设border-radius+overflow:hidden实现裁剪，小程序需用cover-view包裹。
-
根本原因是渐变背景与文字颜色对比度不足（低于4.5:1），导致文字陷于暗区或亮区；应主动用background-blend-mode、伪元素+backdrop-filter等方案提升可读性，并通过工具校验WCAG对比度。
-
IE9及以下不支持hidden属性，必须用display:none替代，并配合aria-hidden和CSS类控制；IE10部分支持但有渲染异常。
-
内联样式优先级最高因其特异性固定为1000且不参与来源顺序竞争，优先级排序为style属性＞＜style＞标签＞外部CSS；但可用!important在外样中反超，代价是降低可维护性与性能。
-
HTML本身无函数可直接调用硬件，跨系统差异源于浏览器对操作系统API的封装差异；getUserMedia、WebUSB、WebGL等行为不一致均由底层系统框架、驱动和权限模型导致。
-
hspace属性在HTML5中已完全失效，因属HTML4过时内联属性，语义模糊且仅支持左右等距空白；现代浏览器在严格模式下直接忽略，须改用CSSmargin精确控制。
-
IndexedDB本身不拖慢离线存储，但事务滥用、未分块写入、大对象同步序列化、串行回调、未设readwriteflush模式等错误用法会导致卡顿；其优势在于异步、索引与事务支持，适合复杂离线场景。
-
CLS是唯一官方布局稳定性指标，需用PerformanceObserver监听layout-shift并设buffered:true；通过entry.sources或affectedElements定位异常元素，聚合上报时过滤hadRecentInput为true的条目，累加value值判断是否超0.1阈值。
-
Proxy对象是JavaScript中用于拦截和自定义对象操作的机制，它充当一个代理层，允许你在操作如属性读取（get）、写入（set）、函数调用（apply）等前后插入自定义逻辑。1.Proxy通过创建一个包含target和handler的实例来工作；2.handler中的陷阱方法（如get、set）用于拦截操作；3.Reflect常与Proxy配合使用以正确转发默认行为；4.应用场景包括数据验证、访问控制、日志记录、响应式系统等；5.使用时需注意性能、不变性规则、this绑定、不可代理对象等问题。
-
required属性通过浏览器内置验证提升用户体验和数据质量，1.确保必填字段不为空，2.提供即时反馈减少用户挫败感，3.过滤基础无效数据提高数据完整性。但仅依赖该属性并不安全，1.客户端验证易被绕过，2.无法阻止恶意请求，3.必须配合服务器端验证。结合JavaScript可实现更高级验证，1.自定义错误提示信息，2.动态条件验证，3.实时输入反馈增强用户体验。
-
使用媒体查询和百分比宽度实现响应式设计，可解决手机端网页错位问题。1.通过@mediascreenand(max-width:768px)设置小屏专用样式；2.使用width:100%、max-width和box-sizing:border-box确保元素自适应；3.图片设max-width:100%，字体用rem或vw单位；4.在小屏下隐藏侧边栏、居中标题提升体验。核心是让布局流动适配，而非固定尺寸。
-
应使用CSS自定义属性（如--tooltip-color）在:root或:host中声明语义化颜色变量，避免内联style设置或重复命名，确保主题切换、暗色模式及跨组件复用的稳定性与可维护性。
-
应通过在目标容器上重定义同名CSS变量实现局部覆盖，如.theme-dark{--color-bg:#1a1a1a;}，子元素用var(--color-bg)读取时自动继承最近声明；:root无法局部覆盖，color-scheme不触发变量更新，IE不支持需降级处理。
