-
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适配。
-
回调函数是JavaScript中“被当作参数传递、稍后执行”的函数，用于处理异步操作、避免单线程阻塞、实现事件响应和异步逻辑组织，需注意命名清晰、错误优先参数约定及避免回调地狱。
-
浮动徽章错位的根本原因是父容器未触发BFC，需用display:flow-root（推荐）或overflow:hidden创建BFC；徽章定位需按卡片padding、徽章尺寸精确计算负margin；浮动方案仅适用于静态无交互场景。
-
解构赋值[a,b]=[b,a]是最安全、可读且符合现代JS语义的变量交换写法，其右侧先计算并缓存当前值，左侧按序赋值，不依赖中间变量；但要求a、b已声明且右侧非null/undefined。
-
本文介绍如何在HTML结构不可修改的前提下，仅通过CSS实现左侧固定宽度单列（内容纵向占满）、右侧多行自适应等宽列的网格布局——推荐使用CSSGrid而非Flexbox，因其原生支持二维布局控制。
