-
为HTML表格添加动画效果的核心思路是利用CSS的transition和animation属性，并在复杂场景中结合JavaScript动态控制。1.利用transition实现简单的交互动画，如行悬停、单元格点击反馈；2.使用@keyframes定义复杂动画帧，并通过JavaScript动态添加或移除类来触发入场、离开等动画；3.动画设计优先使用transform和opacity属性以提升性能；4.避免频繁重排，减少对布局属性（如width、height）的动画操作；5.控制动画数量与时长，保持0.3秒至
-
border-radius不改变盒模型的width/height计算值，它仅裁剪边框和背景的绘制路径，布局仍按原始矩形进行；子元素定位、事件检测、溢出判定均基于该矩形，outline保持矩形，box-shadow随圆角渲染。
-
contenteditable的优势包括浏览器原生支持、上手快、适合简单编辑场景；局限性包括跨浏览器行为不一致、复杂操作支持差、安全风险高。具体来说，1.优势：无需第三方库，快速实现基础编辑功能；2.局限：输出HTML不可控、难以处理撤销/重做等高级功能、易引入XSS攻击。针对常见挑战的解决方案包括：1.使用DOMPurify清理HTML；2.手动操作DOM以获得更高控制力；3.自建历史栈实现撤销/重做；4.拦截paste事件并规范化粘贴内容；5.管理光标选区提升交互体验。构建富文本编辑器还需考虑UI设计
-
答案：Node.js通过fs模块操作符号链接，核心方法包括fs.symlink()创建、fs.readlink()读取目标、fs.lstat()判断是否为链接、fs.unlink()删除。其中fs.lstat()不跟随链接，用于检测链接本身，而fs.stat()会跟随链接返回目标信息。跨平台时需注意type参数，Windows下推荐使用'junction'创建目录链接以避免权限问题。常见陷阱包括误删目标文件、悬空链接及安全风险，最佳实践是始终用fs.lstat()检查类型、明确指定type、验证路径并妥善
-
:empty对空div不生效是因为它要求子节点数为0，而HTML换行、空格、注释等都会生成文本节点使其非空；可用div:not(:has(*))或JS配合textContent.trim()===''判断。
-
手机端适配核心是小屏幕下针对性调整布局，用max-width媒体查询（如768px）、viewport元标签、容器/文字自适应、display显隐切换等渐进优化。
-
依赖注入通过外部传递依赖对象降低耦合，提升可测试性。1.核心是不主动创建依赖，由容器或调用方注入；2.常见方式为构造函数、属性和方法注入，推荐构造函数注入；3.测试时可轻松替换模拟对象，隔离业务逻辑，避免真实调用；4.结合Spring等框架自动装配，@MockBean可注入mock依赖；5.建议依赖使用接口、优先构造注入、避免new创建服务类。
-
CSS的background-image无法真正按需加载图片，仅能通过image-set()实现DPR切换或媒体查询模拟响应式，但后者会预加载所有图片；最优解是改用picture+srcset语义化方案。
-
使用Flexbox与Grid结合实现响应式页脚布局，.footer采用Grid设置整体多列结构，配合auto-fit和minmax实现自适应列数，内部模块如.brand、.social等使用Flexbox进行垂直排列与对齐，通过媒体查询在小屏下切换为单列并居中显示，结合gap、justify-self等属性优化间距与定位，确保不同设备下布局合理、对齐自然。
-
:has()伪类兼容性有限，Chrome105/Firefox103/Safari16.4起支持，旧版本静默失效；不支持伪元素和状态伪类；构建工具可能误删；JS监听+class切换更可靠。
-
box-shadow浮起效果需在默认状态显式声明初始值才能触发transition；建议用0.25sease-out进效+ease-in退效；避免all过渡和小数模糊值，高DPI下优先filter:drop-shadow()。
-
最稳妥是绑定在轮播容器上并用event.target.closest('.carousel-item.active')查找目标元素，避免误触和重复绑定，同时确保active类在transitionend后更新。
-
使用Flexbox实现三栏布局，父容器设为flex且不换行，左右栏定宽，中间栏通过flex-grow:1自适应填充剩余空间，并可设置min-width和margin优化显示效果。
-
骨架屏呼吸感应通过background-position位移渐变实现而非换色；使用三段式线性渐变、background-size翻倍、shine动画控制位移，避免background-color动画引发重绘卡顿。
-
必须用:root[data-theme='dark']作为顶层限定，因其是CSS最稳定的根伪类，能确保变量安全替换、后代继承暗色上下文，并避免优先级、作用域及SSR闪烁问题。
