-
动态注入CSS的核心方法是appendChild而非insertAdjacentHTML；前者通过document.createElement('style')创建元素更可控，支持后续操作与统一管理，后者仅适合一次性内联样式调试。
-
滚动透明需用scrollY输入、requestAnimationFrame节流、CSS变量驱动，避免直接改style导致卡顿；用--scroll-alpha配合transition实现平滑渐变，兼顾性能与可维护性。
-
依赖收集是Vue在读取响应式数据时自动记录依赖关系的过程，通过Observer、Dep和Watcher协同工作，确保数据变化时精准通知对应组件或计算属性更新。
-
本文详解如何利用vw/vh视口单位替代固定长度（如rem），使圆形按钮容器随屏幕宽度等比缩放，并确保内部内容居中显示。
-
用DevTools实时调试比手写或在线生成器更可靠，box-shadow参数顺序为h-offsetv-offsetblur-radiusspread-radiuscolor，易错点是混淆后两者，多阴影逗号分隔且从左到右渲染。
-
Bootstrap5+卡片文字不换行的根源是white-space:nowrap默认样式压制了word-wrap，须用white-space:normal重置，并配合overflow-wrap:break-word和word-break:break-word实现可靠换行。
-
VSCode直接打开HTML文件控制台无输出，因浏览器以file://协议加载，禁用fetch、localStorage等API；应使用LiveServer插件启动http://127.0.0.1:5500服务，并确保地址栏为http://或https://开头。
-
清新风格的核心是通透感而非浅色堆砌，需通过克制的视觉层级、统一灰阶中性色（如hsl(0,0%,96%)背景）、minmax网格留白、系统字体栈与合理行高（1.6）实现。
-
Firefox不支持contenteditable="plaintext-only"，仅识别"true"/"false"布尔值，该属性是Chrome/Edge的非标准扩展；需通过监听paste事件、拦截格式命令等方式手动实现纯文本编辑。
-
JavaScript创建自定义事件需用CustomEvent构造函数创建事件对象并调用dispatchEvent触发，监听时通过e.detail获取数据；事件传播分捕获（window→目标父级）、目标、冒泡（目标→window）三阶段，可用stopPropagation()等控制传播。
-
用L.marker([纬度,经度]).bindPopup()绑定HTML内容即可实现点击显示带位置信息的弹窗；需注意坐标顺序、容器高度设置、逆地理编码调用及移动端click事件启用等关键细节。
-
JavaScript状态管理本质是解决跨组件、异步场景下的状态同步问题，核心在于观察者模式+单一数据源；Redux强调纯函数reducer与显式action，Zustand适合模块化状态，Jotai侧重原子化组合。
-
不加async或defer的script标签会阻塞HTML解析：浏览器遇到时立即暂停解析，下载并执行脚本后才继续，导致白屏和DOM访问失败；内联与外链脚本均如此，且按文档顺序串行执行。
-
floatleft左右并排不生效主因是父容器未清除浮动致高度塌陷，或子元素width+padding+border超100%；百分比宽度按父内容区计算，混用inline-block会引发空白；现代布局应优先使用flex或grid。
-
三列布局不能直接写width:33.33%因盒模型默认下padding、border、margin会超出容器宽度，需用box-sizing:border-box并设width:33.333%，配合overflow:hidden或display:flow-root清除浮动塌陷，再通过媒体查询降级为单列，并推荐Flexbox替代以规避兼容与计算问题。
