-
quadraticCurveTo画的是二次贝塞尔曲线，含1个控制点和2个端点（起点为当前绘图位置，终点为参数指定）；bezierCurveTo画三次贝塞尔曲线，含2个控制点和2个端点，支持更复杂弯曲如S形。
-
本文详解如何仅用CSS实现封面区域的视差滚动效果：将图片设为background-attachment:fixed的背景图，配合语义化HTML结构与响应式样式，使后续内容自然“滑过”封面，达成流畅视觉层次。
-
BEM类名在动态插入DOM时未生效，因CSS静态解析不扫描新节点；需确保样式提前加载、用classList.add()操作类名、严格遵循块-元素-修饰符层级规范，并避免JS拼接类名导致的断层。
-
repeat()不支持混用px和fr，会报错并退回到默认布局；正确写法是将不同单位轨道并列于repeat()外部，或用minmax()、calc()等方案实现混合尺寸效果。
-
var()默认值是降级取值而非回退终点，支持嵌套var()链式降级，仅在变量完全未声明或被initial/unset设为无效时触发，需防循环引用与作用域错误。
-
位运算执行效率高、底层映射直接，因直接对应CPU原生指令且无类型转换与内存分配开销，但性能优势需结合场景判断，仅在状态压缩、协议解析等位敏感领域真正提效。
-
white-space:nowrap未生效主因是父容器限制空间或存在覆盖样式；需确保父容器提供足够宽度、无flex-shrink压缩、且无white-space:normal覆盖；配合text-overflow:ellipsis时还必须同时设置overflow:hidden。
-
Less中calc()仅原样输出，自动宽度计算需用percentage()、unit()、round()等内置函数在编译期运算；避免单位混用和旧版兼容问题，关键区分编译期与运行时计算。
-
outline不占布局空间而border会，这是误用根源；outline仅用于焦点提示等纯视觉场景，不可控形状且不参与事件，需用box-shadow或border替代以满足可访问性与设计需求。
-
纯CSS实现鼠标跟随渐变色的关键是background-position配合radial-gradient，通过JS动态更新--x/--y变量并用transition平滑过渡，需注意坐标计算、避免简写覆盖、防抖优化及高DPI适配。
-
HTML5项目可通过五种方式部署：一、FTP上传至Web服务器；二、HBuilder内置服务局域网预览；三、GitHubPages免费托管；四、云打包为原生App分发；五、云厂商对象存储静态托管。
-
动态切换HTML5音频需先改src再调load()，否则不重载；建议pause()后操作，用canplaythrough事件判断可播，preload="none"节省资源；iOS/微信需用户手势触发首次播放。
-
字符串转数组用split()，空字符串split("")返回空数组；includes()语义清晰但IE不支持，indexOf()可定位且兼容IE；replace()需/g或replaceAll()才替换全部；拼接长字符串优先用模板字面量或join()。
-
