-
quadraticCurveTo画的是二次贝塞尔曲线，含1个控制点和2个端点（起点为当前绘图位置，终点为参数指定）；bezierCurveTo画三次贝塞尔曲线，含2个控制点和2个端点，支持更复杂弯曲如S形。
-
应主动降级3D效果：优先用@media和prefers-reduced-motion禁用transform-style:preserve-3d与perspective，小屏移除preserve-3d，JS控制需防同步布局。
-
根本原因是浏览器复制图片时生成的是渲染后低分辨率位图快照，而Word仅接收该位图且无法还原原始分辨率与矢量信息；有效解法是通过开发者工具获取原始图片URL后在Word中“插入→来自网站”，或使用ImageDownloader等插件批量导出高清原图。
-
user-select属性控制文本是否可被用户选中，默认text可选可复制，none完全不可选且禁用右键复制（但Ctrl+C在部分浏览器仍有效），all单击全选，contain仅限元素内选择（仅Firefox原生支持）；需加-webkit-、-moz-、-ms-前缀以保证兼容性。
-
:first-child匹配父元素的第一个子元素且类型需一致，而非首个某类型元素；应改用:first-of-type才能准确选中第一个p等目标类型元素。
-
使用opacity和transition可实现透明度渐变过渡，opacity控制元素透明度（0-1），transition定义过渡效果，常用于按钮悬停、图片淡入淡出等场景，如.button:hover配合transition:opacity0.4sease实现平滑变淡，注意初始值设置及display或visibility配合使用以优化布局与兼容性。
-
使用CSSGrid和Flexbox可创建响应式照片墙，通过grid-template-columns与flex-wrap实现自适应布局，结合object-fit、hover动画及媒体查询优化多端显示效果。
-
JavaScript地理定位API必须经用户明确授权才能使用，首次调用前可用permission.query()检查状态，需在用户触发相关功能时说明用途并请求权限，拒绝后应提供手动输入等降级方案，且位置数据须遵循最小必要原则处理。
-
优先用document.querySelector而非getElementById，因其支持CSS选择器、更灵活安全；确保DOM就绪再操作；更新文本用textContent防XSS；绑定事件用addEventListener避免覆盖；批量操作用DocumentFragment提升性能。
-
z-index不生效的常见原因包括元素未定位、层叠上下文限制及z-index值相同。1.元素必须设置position为relative、absolute、fixed或sticky，否则z-index无效；2.不同层叠上下文中的元素，其堆叠顺序由各自上下文在父级中的层级决定，子级z-index再高也无法突破父级上下文；3.同一层叠上下文中z-index相同则后渲染的元素覆盖前者。排查时应检查元素是否定位、查看祖先元素是否创建了层叠上下文（如opacity小于1、transform、filter等属性），并逐
-
应复用同一Audio实例并在用户首次交互时预播放以解锁权限，用布尔变量控制开关状态，封装triggerCelebration函数解耦业务逻辑，按钮同步aria-pressed与audio.muted，iOS需预热播放或降级WebAudioAPI。
-
应使用background-imageCSS属性而非过时的bodybackground属性；正确写法包括指定url、background-size、background-repeat和background-position，避免简写导致意外重置，并通过开发者工具调试路径与加载问题。
-
JavaScript任务调度依赖事件循环机制，通过setTimeout、setInterval、requestAnimationFrame、WebWorkers及自定义队列等手段控制任务执行。事件循环管理宏任务（如setTimeout）与微任务（如Promise）的执行顺序，确保异步操作按规则运行。宏任务在每次循环中取一个执行，期间清空微任务队列，导致即使延迟为0的setTimeout也会滞后于同步代码和微任务。为实现并发控制，可构建TaskQueue类，限制同时运行的任务数量，避免资源过载。该类通过维护
-
Vue3中defineProps的TypeScript严格类型声明需用泛型替代运行时配置，推荐interface或内联类型配合withDefaults；函数、对象、数组须显式标注类型，避免any。
-
应使用transformtranslateY实现滚动容器内元素跟随，而非position:fixed或top；需监听容器scroll事件，动态设置translateY偏移，确保父容器无干扰transform/perspective/filter，且避免重排卡顿。
