-
HTML5视频画面撕裂主因是GPU合成层未对齐刷新率，需通过CSS强制图层分离（如transform:translateZ(0)）、避免剪裁与滤镜，并在html5play中用awaitvideo.play()替代同步调用。
-
color-contrast()函数报错因浏览器原生不支持，仅SafariTP部分实现；替代方案为手动计算、JS库或PostCSS插件；WCAG对比度需按sRGB相对亮度公式计算，半透明色须先合成背景。
-
ES6的class是构造函数和原型机制的语法糖，未引入新OOP模型；其本质是构造函数+prototype方法挂载，静态方法属构造函数自身，继承通过__proto__链接原型与构造函数，getter/setter和私有字段仍基于原型或闭包实现。
-
Proxy是JavaScript用于拦截并自定义对象基本操作的代理构造函数，通过handler提供get、set、has、deleteProperty等trap拦截读写、枚举、构造等行为，支持校验、日志、响应式等场景。
-
Reflect提供标准化对象操作，Proxy结合Reflect可实现属性拦截与元编程，装饰器（实验性）通过函数修改类或方法行为，配合reflect-metadata库支持运行时读取元数据，三者共同增强JavaScript的反射与装饰能力。
-
箭头函数是ES6引入的词法绑定this的简洁函数，无自己的this/arguments/super/new.target，不可作构造函数，不支持call/apply/bind修改this，适合回调场景。
-
border-color本身不支持渐变，所谓“渐变填满”需用伪元素+背景动画模拟：通过::before设置线性渐变背景，配合background-size从0%→100%实现填满动效。
-
通过position属性与百分比单位结合，可实现响应式网页中元素的灵活定位；2.百分比基于包含块的宽高计算偏移，配合transform可用于居中或四角对齐；3.结合vw、vh等视口单位能增强布局响应性，适用于浮动按钮、弹窗等组件；4.关键在于理解包含块和百分比基准，细节决定布局稳定性。
-
JavaScript国际化API以Intl对象为核心，提供DateTimeFormat、NumberFormat、Locale等构造器，支持日期、数字、货币、语言协商及复数/列表格式的标准化本地化处理，无需硬编码规则。
-
HTML5audio快进需修改currentTime属性，方式包括：一、手动设置值并确保readyState≥2；二、按钮点击增量跳转并校验边界；三、拖动range进度条实时映射时间；四、requestAnimationFrame实现平滑连续快进；五、监听seeking/seeked等事件处理异常。
-
W3C验证器仅检查HTML语法规范性，不保障语义、可访问性或JS运行效果；应使用https://validator.w3.org/nu/验证构建后的dist/index.html，区分真错误（如缺alt）与框架指令等误报，且无法发现DOM动态问题、ARIA拼写错误等。
-
id选择器用#定义，针对唯一元素设置样式，如#header{color:white}，对应HTML为<divid="header">；应保持id唯一、避免滥用，优先用class批量设置样式，id适合单个特殊元素及JavaScript操作，命名需语义化，如#mainNav，合理使用可提升结构清晰度与样式精准性。
-
<p>隐式类型转换是JavaScript在运算时自动转换数据类型的过程。例如5+"5"得"55"，"2"*3得6，true==1为true；加法中遇字符串则转字符串拼接，其他算术运算转数字，逻辑判断依据真/假值转换，==会进行类型转换而===不会；对象通过ToPrimitive规则转原始值，优先调用valueOf，再toString，可自定义Symbol.toPrimitive；==存在陷阱如null==undefined为true，"0"==false为true，建议使用===避免错误。&l
-
能用但需兼容处理：Chrome/Edge111+、Safari16.4+原生支持，Firefox不支持；lab()基于人眼感知均匀色空间，明度L与色度a/b更符合视觉差异，适用于灰阶控制、可访问性对比度及自然颜色插值，需回退rgb()、@supports检测并截断a/b值。
-
纯CSS实现鼠标跟随渐变色的关键是background-position配合radial-gradient，通过JS动态更新--x/--y变量并用transition平滑过渡，需注意坐标计算、避免简写覆盖、防抖优化及高DPI适配。
