-
max-width是响应式设计中防止元素过度拉伸的基础手段，支持px、%、ch等单位；常与width、margin搭配实现居中定宽，适用于图片自适应（max-width:100%;height:auto），但需慎用于Flex/Grid项以免干扰弹性布局。
-
Promise和async/await是同一底层逻辑的两种使用方式，选择取决于可读性与场景：Promise适合简单链式流程和并行请求，async/await更适合复杂逻辑、条件分支与调试。
-
使用:hover可显著提升按钮交互性，通过transition实现背景色渐变（如0.3s）、配合scale缩放与box-shadow阴影增强立体感，添加cursor:pointer明确可点击，避免过度动画，注意可访问性与移动端兼容性。
-
Symbol是JavaScript中唯一能创建“私有属性名”的原始类型，用于解决属性名冲突和模拟私有成员；每个Symbol()返回全新唯一值，故不能用==或===比较相等；需跨模块复用时应使用Symbol.for(key)；Symbol键不可被for...in等枚举，但可通过Object.getOwnPropertySymbols()获取，本质是命名隔离而非访问控制；内置Symbol如Symbol.iterator、Symbol.toStringTag等影响语言底层行为，属运行时协议的一部分。
-
JavaScript通过getUserMedia采集音视频流，结合RTCPeerConnection实现WebRTC点对点通信，利用WebAudioAPI处理音频，通过RTCDataChannel传输任意数据，构建实时音视频应用。
-
position:relative父元素才能使absolute子元素以它为定位上下文；top/left相对于父元素内边距边缘；overflow:hidden会裁剪absolute子元素；z-index仅在同层叠上下文中生效。
-
grid-row-gap仅控制相邻行轨道间间距，不作用于容器首行顶边和末行底边；需配合padding或align-content实现上下视觉等距。
-
JavaScript操作浏览器标签页的核心是window.open()和window.close()，但受限于安全策略，仅能由用户交互触发且无法控制非脚本创建的标签页。通过window.open()可打开新标签页并获取其引用，结合URL参数、window.opener、localStorage、BroadcastChannel等实现同源页面间的数据传递与通信。需注意弹窗拦截、跨域限制、安全风险（如opener泄露）及用户体验问题。移动端window.open()的窗口特性支持有限。此外，浏览器扩展API提
-
修改Vue项目中的main.css后，Tailwind的类名（如rounded-full覆盖rounded-md、bg-transparent覆盖bg-white）突然失效，本质是CSS层叠顺序被破坏——Tailwind生成的规则顺序依赖于构建时的类名声明顺序，而非HTML中class的书写顺序。
-
JavaScript单元测试的核心目标是验证代码正确性，确保函数在各种输入下按预期工作。通过测试框架（如Jest、Mocha、Vitest）编写可重复用例，覆盖正常、边界和异常情况，保持用例独立简洁，并集成到CI/CD流程中，配合覆盖率工具提升代码质量与可维护性，形成开发习惯后能加快整体开发节奏。
-
transform:scale()用于缩放元素且不影响布局，语法为scale(sx)等比缩放或scale(sx,sy)独立控制轴向缩放，值大于1放大，小于1缩小，可为负数翻转；默认以中心点缩放，通过transform-origin修改基准点如topleft或坐标值；结合transition可实现平滑动画，常用于按钮悬停、图片预览、图标动效等场景，需注意避免布局跳跃。
-
JavaScript学习应从直接编写可运行的HTML+JS代码开始，如用document.body.innerHTML动态修改页面内容，而非陷入环境配置；变量声明优先用const，函数设计需支持灵活参数，DOM操作应面向真实场景。
-
本文介绍一种使用map与对象遍历结合的方式，将含items（子对象数组）的原始对象数组，转换为每个对象直接包含productX对应值作为键、quantity作为值的新数组。方法简洁、可读性强，且不修改原始数据。
-
应使用requestAnimationFrame替代setTimeout/setInterval实现动画，因其对齐浏览器刷新帧、避免强制同步布局与掉帧；需批量读写DOM、优先用transform/opacity、善用CSS动画与will-change、节流事件并清理动画实例。
-
后端路由在URL匹配路径时即被触发，无论请求来自浏览器直接导航还是前端fetch；但二者目的、行为和适用场景截然不同：导航用于页面跳转与HTML渲染，fetch用于程序化数据交互与动态UI更新。
