-
HTML中不存在_html语法，它既不是标签、属性，也不是合法自定义元素名；常见于JS私有属性、模板变量或开发者自定义键名，与HTML语法无关。
-
微信内置浏览器CSS兼容问题本质是X5与WKWebView内核解析差异，需分层处理：准确判断需同时满足MicroMessenger存在且QQBrowser版本匹配或X5JSSDK定义；Flex布局须四重display声明并配对webkit前缀；autoprefixer比手写更可靠因其依browserslist自动补全。
-
最常见的原因是父容器未设perspective或卡片未开启3D渲染上下文；需父容器设perspective，卡片加transform-style:preserve-3d，正反面设backface-visibility:hidden并初始化rotateY值。
-
CSS文件阻塞渲染导致白屏，因浏览器会暂停DOM构建和布局直至CSS加载解析完成，以确保JavaScript调用getComputedStyle等API时样式就绪；关键CSS需内联或preload，非关键CSS可用media属性异步加载。
-
classid属性唯一作用是让IE加载已注册的ActiveX控件；现代浏览器完全忽略该属性，因其依赖Windows注册表和COM机制，而其他浏览器既不读注册表也不支持ActiveX。
-
JavaScript中复制文本到剪贴板最现代且推荐的方式是使用navigator.clipboard.writeText()，它基于Promise、异步执行、不阻塞主线程，且需在用户手势触发的上下文中调用以满足安全策略；2.为兼容老旧浏览器可降级使用document.execCommand('copy')，但该方法已被弃用，需创建临时textarea元素并手动选中内容，操作繁琐且存在兼容性和安全性问题；3.复制功能失灵的主要原因包括：未在用户操作事件中调用（如点击）、非安全上下文（HTTP环境）、浏览器兼
-
selectonchange事件不生效需检查：函数是否正确定义、是否在DOM加载后绑定、避免重复绑定；内联写法不可访问let变量；应优先用event.target.value获取最新值，联动时需同步清空选项并重置selectedIndex和disabled状态。
-
动态插槽是Vue实现导航栏自由扩展的核心机制，通过v-slot:[name]声明具名插槽暴露可配置入口，配合defineSlots显式声明类型提升安全性与IDE支持。
-
writing-mode:vertical-rl是实现中文竖排的唯一标准方案，需配合text-orientation:mixed控制字符朝向，避免使用transform或拆字flex等破坏语义与可访问性的权宜之计。
-
必须显式添加transition才能实现hover缩放动画，且需写在基础选择器上；缩放中心由transform-origin控制，建议用关键词；移动端需降级或JS处理；模糊问题可通过整数缩放、translateZ(0)或backface-visibility缓解。
-
Flex居中失效主因是html/body未设height:100%，需全局重置；推荐用gridplace-items:center替代flex，更稳定；模态框须避免absolute/fixed定位及bodyoverflow:hidden陷阱。
-
用max-height配合transition实现展开收起动画，因CSS不支持height:auto过渡，需设足够大且可控的max-height（如500px或100vh）作为代理值，配合overflow:hidden和class切换完成平滑动画。
-
必须统一所有容器的grid-template-columns定义（如通过CSS变量），禁用auto/minmax等动态值，确保列数、顺序、单位一致；命名线、区域和嵌套grid均不跨容器生效，box-sizing和gap须统一。
-
用padding-top百分比能锁宽高比，因其值始终按父容器宽度计算，可配合绝对定位实现比例布局；aspect-ratio更简洁但兼容性差，老项目应优先用padding方案。
-
直接设box-sizing:border-box能解决绝大多数宽度溢出问题，但必须全局设置,::before,*::after{box-sizing:border-box;}，否则子元素仍按content-box计算导致padding和border外扩；img、svg、iframe等还需额外加max-width:100%等约束。
