-
箭头函数是ES6引入的词法绑定this的简洁函数，无自己的this/arguments/super/new.target，不可作构造函数，不支持call/apply/bind修改this，适合回调场景。
-
Reflect提供标准化对象操作，Proxy结合Reflect可实现属性拦截与元编程，装饰器（实验性）通过函数修改类或方法行为，配合reflect-metadata库支持运行时读取元数据，三者共同增强JavaScript的反射与装饰能力。
-
Proxy是JavaScript用于拦截并自定义对象基本操作的代理构造函数，通过handler提供get、set、has、deleteProperty等trap拦截读写、枚举、构造等行为，支持校验、日志、响应式等场景。
-
ES6的class是构造函数和原型机制的语法糖，未引入新OOP模型；其本质是构造函数+prototype方法挂载，静态方法属构造函数自身，继承通过__proto__链接原型与构造函数，getter/setter和私有字段仍基于原型或闭包实现。
-
color-contrast()函数报错因浏览器原生不支持，仅SafariTP部分实现；替代方案为手动计算、JS库或PostCSS插件；WCAG对比度需按sRGB相对亮度公式计算，半透明色须先合成背景。
-
HTML5视频画面撕裂主因是GPU合成层未对齐刷新率，需通过CSS强制图层分离（如transform:translateZ(0)）、避免剪裁与滤镜，并在html5play中用awaitvideo.play()替代同步调用。
-
正确做法是用radial-gradient(circleat50%50%,transparent0%,#0000%,#0002px,transparent2px)配合background-size:20px20px实现等距居中点阵，色标需同位置硬切防模糊，CSS变量和响应式单位提升复用性。
-
break-words能强制长单词/URL换行但非万能，需配合max-w-full、block等类及避免white-space:pre等冲突样式才生效。
-
使用style.cssText一次性写入多条CSS声明可减少重排次数、提升性能，但会清空原有内联样式；安全叠加需用+=并前置分号兼容旧IE；推荐优先使用classList或封装工具函数。
-
flex-wrap:wrap是让弹性容器支持多行布局的属性，当子项总宽超容器时自动换行而非压缩溢出；需配合父容器明确宽度才能生效，且须搭配justify-content和align-content精确控制对齐与行间距。
-
JavaScript中this指向取决于调用方式而非定义方式：谁调用函数，this就指向谁（箭头函数除外，它继承外层this）。
-
aside标签仅适用于语义上可省略的弱关联补充内容，如兼容性说明或生平简介；用于工具栏或广告属高风险误用，应改用带ARIA属性的div或section。
-
作用域插槽是解决商品规格动态展示最自然的方式——子组件管数据和逻辑，父组件管样式和交互。它将specList、selected、canSelect等原始信息交由父组件按需渲染，并通过updateSelection方法闭环处理用户操作，支持多品类与移动端响应式适配。
-
Getter应作为懒初始化开关，首次读取时用requestAnimationFrame或setTimeout(0)调度宏任务，避免同步耗时操作、微任务阻塞渲染，后续读取直接返回缓存结果。
-
响应式布局测试需结合工具与代码审查，确保网页适配多设备。首先使用浏览器开发者工具模拟不同屏幕尺寸，通过设备切换模式查看断点、布局变化；其次在真实设备上测试横竖屏切换与触摸交互；再借助BrowserStack、Responsinator等在线工具预览多端效果；最后检查CSS媒体查询、弹性布局（Flexbox/Grid）、图片max-width及字体相对单位，避免固定像素导致溢出。多角度验证是保障响应式稳定性的关键。
