-
float导致父容器高度塌陷的解决方法是触发BFC：用overflow:hidden/auto（兼容好但可能截断溢出）、display:flow-root（现代无副作用方案）或伪元素清除法（::after{content:"";display:table;clear:both}）。
-
grid-area最直观高效，通过命名区域实现脱离DOM顺序的精准定位；grid-row/column适合轻量线号定位但需防越界；order在Grid中仅对未显式定位项生效；响应式推荐改grid-template-areas配合固定grid-area。
-
必须对URL中非ASCII字符和保留字符（如空格、中文、#、?、&等）在路径和查询参数中手动encodeURIComponent编码；仅编码动态值部分，不可整URL编码；a标签应配合data-url或URL构造器安全跳转。
-
本文详解React类组件中因事件委托缺失导致输入框状态无法更新的问题，重点分析InputBoxFormValidation组件未正确透传onChange事件的根本原因，并提供可立即生效的修复代码与最佳实践。
-
用input.value获取控件当前值（含用户输入），而非getAttribute('value')；多选下拉框需遍历options或用selectedOptions；checkbox/radio用checked判断状态，value恒为初始值；校验需调用checkValidity()并检查validity对象。
-
本文详解如何在React多题型测验应用中，为每个问题的选项实现独立、互斥的背景高亮——即用户点击某选项时仅该题内该选项变色，其他题目不受影响，且同一题内再次点击不同选项时自动取消前一个高亮。
-
writing-mode改变块流向而非文本方向；需配合direction、text-orientation、字体vert特性等才能实现正确竖排。
-
被邮件客户端直接删除的HTML标签主要包括：1.<script>、<iframe>、<object>、<embed>、<form>几乎100%被静默删除；2.<style>在Gmail中完全失效；3.<svg>在iOSMail中可能渲染为空白。
-
JavaScript中Math对象提供静态方法处理数学计算，不可实例化；round、floor、ceil、trunc对负数行为不同；开方幂运算优先用Math.sqrt/Math.pow；random需手动缩放且不安全；所有方法均受IEEE754浮点精度限制。
-
transition不起作用需检查：color和background-color是否为明确颜色值；transition必须写在默认样式中；优先用hsl()实现顺滑过渡；合理设置cubic-bezier()曲线而非依赖delay；注意JS批量修改时的重绘触发时机。
-
浮动元素导致父容器高度塌陷是因为其脱离普通文档流，使父容器无法感知其高度；这是CSS规范行为而非bug，常见于文字环绕图片场景，而非布局用途。
-
eGPU可提升HTML函数工具图形性能，需确认浏览器GPU加速启用、macOS调整Metal调度、Node.js工具配置HeadlessChrome参数、Windows设置显存与PCIe带宽。
-
JavaScript数字精度问题本质是IEEE754双精度浮点数无法精确表示多数十进制小数，如0.1+0.2≠0.3；toFixed()返回字符串、仅格式化输出、不解决底层精度问题，且四舍五入不符合金融要求；推荐整数运算（如金额转“分”）或Number.EPSILON近似比较。
-
HTML表格默认无边框因浏览器设border为0且border-collapse为separate；加border="1"已过时，应使用CSS：table{border-collapse:collapse}配合td,th{border:1pxsolid#ccc}。
-
伪类和伪元素结合媒体查询可实现响应式布局优化。通过:hover、:focus、:nth-child()在不同设备调整交互行为，如大屏显示下拉菜单，移动端隐藏次要内容；利用::before、::after动态添加适配性内容，如按钮标签、图标替代及分隔线；通过content控制装饰性元素在小屏隐藏，提升性能与可访问性；避免关键信息依赖伪元素，配合prefers-reduced-motion提升无障碍体验。
