-
grid-area值相同时元素会重叠，重叠顺序由DOM顺序决定，可用z-index控制（需定位）；也可用grid-row/grid-column指定行列线实现灵活重叠；重叠不导致裁剪，需检查overflow和place-items；调试建议用outline、背景色及开发者工具网格可视化功能。
-
opacity+transition更顺滑，因opacity可硬件加速且支持渐变动画，而display无法过渡、visibility无渐变效果；需配合visibility控制交互与布局，并可加transform提升性能。
-
JavaScript跨端技术可实现多端运行，主流框架包括ReactNative、Uni-app、Taro等，选型需综合性能、开发效率、生态及团队技术栈，合理权衡才能提升交付质量与效率。
-
position:sticky结合top可实现元素滚动吸附效果，如导航栏固定、多层菜单接力粘附；需注意父容器不能有overflow或transform限制，且必须设置top值才能生效。
-
link与visited伪类可分别定义未访问和已访问链接样式，a:link设置未点击链接为蓝色，a:visited设置已访问链接为紫色，两者需按正确顺序书写以确保样式生效。
-
蓝绿部署通过双环境并行与流量切换实现零停机发布，以Node.js为例，借助Docker与负载均衡器部署新版本至绿色环境，验证后切流并保留旧环境用于秒级回滚，前端资源按版本分离避免污染，配合健康检查与监控确保发布安全。
-
事件循环是单线程下协调任务执行的机制，按“主线程→微任务→宏任务”顺序调度，每次宏任务后清空微任务队列，再取下一个宏任务。
-
Grid对齐属性生效的前提是父容器设为display:grid或inline-grid，否则justify-items、align-items等无效；需确认父容器尺寸非零且未被其他样式覆盖。
-
行内非替换元素的margin-top和margin-bottom无效是CSS规范约定，因其在行内格式化上下文中无垂直布局空间；左右margin可生效，上下padding不影响行高；替换元素（如img）则支持完整外边距。
-
JavaScript中同步代码的执行优先级最高，它会先被彻底执行完，之后事件循环才会处理异步任务。1.同步代码立即推入调用栈按先进后出顺序执行，是阻塞式的。2.异步任务如定时器、网络请求会被交给宿主环境处理，完成后回调放入任务队列。3.事件循环检查调用栈是否为空，若空则优先清空微任务队列（如Promise回调），再从宏任务队列（如setTimeout）取一个任务执行。4.微任务优先级高于宏任务，且每次事件循环周期中，所有微任务会在宏任务前被处理完。5.异步错误处理和流程控制推荐使用Promise结合asy
-
模板字符串中变量需用${}包裹，反引号定义；支持属性访问、方法调用、表达式（如三元、算术），但不可含语句；嵌套直接使用反引号；null/undefined会转为对应字符串，可用??提供默认值。
-
现代CSS提供Flexbox、Grid、自定义属性与calc()、ContainerQueries、aspect-ratio与object-fit五大替代方案。Flexbox适用于一维布局如导航栏；Grid支持二维复杂结构；自定义属性与calc()实现动态计算；ContainerQueries达成组件级响应式；aspect-ratio与object-fit统一媒体容器宽高比与缩放。
-
本文详解如何用JavaScript准确读取元素当前CSS背景色，并基于该值实现颜色状态的双向切换，同时指出常见作用域错误及解决方案。
-
Sass颜色函数如darken()和lighten()基于HSL动态调整亮度，需避免多层嵌套调用；自定义px-to-rem()函数可统一响应式缩放，提升可维护性。
-
ES6模块导出的是绑定而非值，加载在编译时完成且不支持条件导入；需用import()动态加载；exportdefault为匿名导出，具名导出需按名匹配；Node.js中需配置"type":"module"或使用.mjs后缀；绑定机制导致变量修改实时同步。
