-
Vue的Patch过程对Teleport特殊处理：跳过常规父子插入，直接挂载到to指定容器；to变更时复用DOM并move；嵌套与组合场景下仍优先保障目标挂载语义。
-
通过CSS的animation与text-shadow结合可实现文字阴影动态效果，常用于标题或悬停交互；利用@keyframes定义阴影变化关键帧，如发光呼吸效果，配合transition实现平滑过渡，增强视觉吸引力同时需注意性能与可读性平衡。
-
通过CSStransition结合font-size可实现文字大小平滑过渡。设置初始字号、指定过渡时间与缓动函数，利用:hover、:focus或JavaScript触发变化，注意避免布局重排并适配移动端，提升用户体验。
-
根本原因是align-items默认stretch导致label和input因盒模型差异而基线不齐；解法：设align-items:center，或flex-start+align-self:center微调；需处理换行、outline偏移及IE11兼容问题。
-
骨架屏应使用linear-gradient配合background-position动画实现光扫效果，而非静态灰色块；需设background-size大于容器、animation-delay错开节奏、IE11降级为opacity脉冲，并确保容器有明确宽高。
-
判断CSS属性值是否有效需分场景：CSS.supports()仅验证规范支持性，getComputedStyle()比对计算值可确认实际生效；自定义属性有效性取决于使用处（如var()）是否触发回退；属性名错误会抛SyntaxError，须严格匹配标准名。
-
本文详解如何解决为动态创建的DOM元素（如待办列表中的“完成”按钮）绑定事件时出现的Cannotsetpropertiesofnull错误，核心方案是避免重复ID、改用事件委托，并推荐使用createElement替代innerHTML+=。
-
WebWorker用于解决JavaScript主线程阻塞问题，通过独立执行环境运行耗时计算任务，不访问DOM，依赖postMessage通信，适合纯计算但有启动开销和兼容性限制。
-
用onwheel实现图片缩放需绑定img元素、调用preventDefault()阻止默认滚动，结合deltaY判断方向、transform-origin实现鼠标中心缩放，并限制scale范围在0.2–5之间。
-
HTML页面间传参有五种方法：一、URL查询字符串，通过location.search解析；二、localStorage跨页存储；三、sessionStorage会话级存储；四、表单POST提交至服务端；五、URL哈希传递，用于SPA状态管理。
-
负边距类名需作用于参与文档流的元素才生效，如block、inline-block或flex子项；脱离流的inline、absolute、float元素无效，且需注意父容器布局（如justify-content）、响应式断点、overflow裁切及组件内部transform干扰。
-
首先确认HTML文件已保存且路径正确，再通过安装LiveServer扩展并右键选择“OpenwithLiveServer”运行；若未保存或文件不存在则会导致找不到文件；也可手动在浏览器中打开文件验证路径；同时确保项目以文件夹形式打开，并检查launch.json和settings.json配置是否正确。
-
调好box-shadow的关键是让阴影自然融入环境：增大扩散半径（如卡片用04px12px）、降低透明度（浅色背景用rgba(0,0,0,0.08)～0.12）、匹配背景色温（暖色界面略带棕调，深灰界面用蓝灰），并借助开发者工具实时调整以增强呼吸感。
-
视频元素不支持直接CSS过渡，应使用双video实例配合visibility和opacity实现平滑切换；需预加载、监听canplaythrough/loadeddata、设置preload="auto"和poster，并在现代浏览器中用requestVideoFrameCallback精准帧同步。
-
导航菜单小屏不折叠的主因是BEM修饰符未随响应式状态动态添加；应通过matchMedia监听并切换--mobile类，而非依赖CSS自动推导，且需确保父容器无高度/溢出限制。
