-
JavaScript异步编程本质是避免阻塞主线程，通过将耗时操作交由底层环境处理，主线程继续执行，结果就绪后通知回调；回调函数是基础方式，但易致嵌套过深、错误处理分散，适用于简单场景。
-
:has()能实现“父选择器”效果是因为它支持基于子元素状态向上匹配祖先元素，虽不能选直接父级但可配合>*等达成子变父响应，且纯样式层、轻量声明式。
-
答案：JavaScript内存泄漏主因包括意外全局变量、闭包引用不当、未清理事件监听器、定时器和DOM残留引用，可通过ChromeDevTools检测并采用及时解绑、清除定时器、断开引用来避免。
-
答案：HTML弹窗通过HTML、CSS和JavaScript实现，核心是创建默认隐藏的浮层元素并由交互触发显示。首先构建包含半透明背景和内容区域的语义化结构，使用CSS设置fixed定位、z-index层级、居中布局及过渡动画，并通过JavaScript控制显示隐藏逻辑，实现点击打开、关闭按钮、点击遮罩或按Esc键关闭等交互功能；同时可借助:focus、键盘事件提升可访问性，现代方案可用原生<dialog>标签简化开发，但需考虑浏览器兼容性问题。
-
本文详解如何在纯SVG文件内使用内联JavaScript实现安全网络组的左右循环切换，通过动态增删on类控制可见性，全程无需外部HTML或脚本，兼容<object>嵌入方式。
-
本文详解如何在Vite中实现扁平化多HTML入口构建（如dist/index.html、dist/about.html），避免默认的子目录嵌套结构，支持JS打包与静态资源正确引用。
-
align-items仅作用于Flex容器的直接子元素，不穿透影响孙子元素；每层需独立设置对齐属性，align-self可覆盖父级align-items实现单个子项微调。
-
卡片高度不一致的根源是grid默认align-items:stretch需行高锚点，而未设grid-template-rows时浏览器按内容最高项定行高；解决需显式定义grid-template-rows:1fr或grid-auto-rows:1fr，并配合min-height、flex-column内部对齐及aspect-ratio统一图片。
-
HTML文字垂直排列需用CSS实现：一、writing-mode设vertical-rl或vertical-lr；二、text-orientation控字符朝向；三、transform旋转容器；四、flex-direction:column逐字堆叠；五、grid布局精确定位字符。
-
JavaScript物理引擎可实现网页中逼真的运动与碰撞效果，推荐使用Matter.js（2D轻量级）、p5.play（创意编码）、Planck.js（高精度2D）或Ammo.js（3D高性能）；核心步骤包括创建世界、添加物体、施加重力并运行更新循环；以Matter.js为例，可快速实现小球下落与地面碰撞；通过调整物理参数、增加交互与优化性能，能提升模拟真实感与流畅度。
-
<p>HTML注释必须用<!---->且不可含--或>，禁止嵌套，否则提前终止导致解析异常；script/style内无需HTML注释，现代浏览器原生支持。</p>
-
:hover伪类用于定义鼠标悬停时的样式，语法为selector:hover{property:value;}，可应用于文字颜色、按钮效果、下拉菜单等场景，结合transition可实现平滑动画，但需注意在触摸设备上的兼容性问题。
-
JavaScript模块封装通过ES6模块实现作用域隔离、按需加载和接口明确，提升Web组件的可维护性与复用性。1.使用export导出组件类，import引入模块；2.拆分逻辑为utils、templates等子模块；3.结合构建工具兼容旧浏览器并优化加载。
-
移动端适配需从视口控制、弹性布局、高清屏处理和资源优化入手。首先设置viewport标签确保布局视口与设备宽度一致；其次采用rem或vw实现界面等比缩放，提升响应性；再通过transform或媒体查询解决Retina屏1px边框变粗问题；最后使用srcset、picture标签及WebP格式优化字体与图片加载，兼顾视觉还原与性能体验。
-
最常见的原因是父容器未创建层叠上下文，需设半透背景、确保父容器有真实内容，并用isolation:isolate等触发层叠上下文；Firefox旧版不支持，需@supports检测并提供rgba降级；blur值推荐6px，兼顾质感与性能；iOSSafari偏色可改用hsla背景并加saturate微调。
