-
本文详解如何通过CSSFlexbox实现表格单元格（<td>）内多个内联元素（如<span>）的水平等距分布，纠正常见误用位置问题，并提供可直接运行的代码示例与关键注意事项。
-
模板字符串是ES6引入的原生多行字符串类型，用反引号定义，支持${}嵌入表达式；常见错误包括误用引号、漏写$、在${}中写语句；可换行但保留缩进，String.raw禁用转义；带标签函数能预处理，但不自动防XSS。
-
使用CSS:hover伪类可为按钮添加悬停效果，提升交互体验。通过改变背景色、文字颜色、边框、阴影并结合transition实现平滑动画，如示例中按钮背景变深、边框加暗、添加阴影和轻微上移。需注意兼容性，避免在悬停中触发关键功能，控制过渡时间在0.1～0.3秒，保持颜色对比度，防止大幅位移影响页面稳定性。
-
JavaScriptDate对象仅存储毫秒时间戳，不处理时区转换、加减或格式化；newDate('2023-10-05')因ISO字符串按UTC解析导致本地时区偏差；应使用newDate(2023,9,5)或Date.UTC()明确日历日；时间运算需统一基准，避免混用getHours()/getUTCHours()；复杂场景须依赖date-fns等专用库。
-
合法十六进制颜色值必须以#开头，后接3位（如#f00）或6位（如#ff0000）十六进制数字，不区分大小写；4位、7位、8位及缺#均无效。
-
focus事件无法直接区分触发方式，可靠方法是用mousedown/touchstart设标志位、focusin检测并focusout清理；event.detail不可靠，推荐优先使用:focus-visible伪类。
-
ReflectAPI提供静态方法用于拦截和操作对象行为，常与Proxy配合实现元编程。1.可通过Reflect.get、Reflect.set等方法在代理中安全执行默认操作并添加日志或验证逻辑。2.提供Reflect.has、Reflect.deleteProperty、Reflect.ownKeys统一属性操作接口，优于in和delete等操作符。3.使用Reflect.apply调用函数并绑定this，Reflect.construct创建实例，支持动态控制函数与构造调用。4.Reflect.defi
-
mix-blend-mode失效主因是元素未满足重叠且非隔离的叠层条件，需检查isolation、层叠上下文及背景内容；不同混合模式基于像素公式计算，移动端兼容性差，filter执行顺序影响结果。
-
小屏幕导航菜单不显示或点击无反应的常见原因包括：未设置默认display:none、JS未正确切换类名、使用visibility:hidden占位、表单默认行为触发刷新、事件重复绑定、视口声明缺失、断点单位不当及层叠上下文混乱。
-
不行。伪元素::before和::after无法响应鼠标事件，因不参与事件流；拖拽手柄必须用真实DOM元素（如div或span），配合pointer-events:none禁用原生input滑块，并通过JS计算更新位置。
-
:active不生效主因是移动端300ms延迟、元素不可聚焦或样式被覆盖；应加touch-action:manipulation、tabindex，将:active置于:hover后，用transform替代颜色变化，并兼顾键盘操作。
-
正确设置HTML文件路径需根据资源位置选择相对路径、绝对路径、根相对路径或远程URL。1、相对路径基于当前文件位置，适用于内部资源引用，便于迁移；2、绝对路径从磁盘根目录开始，如file:///C:/project/images/photo.jpg，但可移植性差；3、根相对路径以“/”开头，从网站根目录定位，适合大型项目统一管理；4、远程资源使用HTTP/HTTPS完整URL，如CDN链接，确保跨域合法与安全性。
-
JavaScript浮点数计算不精确是IEEE754标准导致的共性问题，0.1+0.2结果为0.30000000000000004而非0.3；应使用误差容忍法（如Number.EPSILON或自定义容差）替代===比较。
-
transition必须写在非hover状态的规则里，否则移出时因缺少过渡声明而瞬间跳变；仅可计算中间值的属性（如color、transform）支持过渡，display、auto宽高、position、z-index等不支持；移动端:hover不可靠，应改用:active或JS控制class切换。
-
cubic-bezier()的四个参数定义贝塞尔曲线的两个控制点坐标，x1/x2必须在[0,1]内，否则被忽略退为ease；y值可越界实现回弹等效果，调试推荐Chrome动画检查器拖动预览。
