-
HTML本身无“函数运行时”，风扇噪音大实为浏览器渲染或JS执行致CPU/GPU高负载；频繁innerHTML操作、强制同步布局、非合成层动画等均会触发重排重绘。
-
实现导航栏hover动画的关键是利用CSS的:hover伪类结合transition或transform。1.背景颜色渐变通过transition平滑切换背景色；2.下划线滑动使用::after伪元素配合width变化和过渡实现从左到右的滑入效果；3.文字颜色渐变与缩放结合color变化和transform:scale(1.05)增强交互提示；4.悬浮阴影与上移通过box-shadow和translateY(-2px)营造立体浮起感。合理设置transition的时长与缓动函数可使动画自然流畅，避免生硬，
-
cssnano的--stats模式可精准定位冗余CSS规则，需配合--presetadvanced和postcss-import展开嵌套，输出中removed:true且reason:"duplicated"的即为高优先级人工核查项。
-
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带宽。
