-
Vue插槽是组件解耦与复用的底层设计契约，含匿名、具名、作用域、动态四类：匿名插槽提供默认内容占位；具名插槽实现多区域精准投递；作用域插槽支持子组件向父组件反向传参；动态插槽名实现运行时内容流向控制。
-
钟摆动画需用@keyframes配合ease-in-out或cubic-bezier模拟正弦运动，transform-origin设为50%0确保支点在顶部中点，搭配animation-direction:alternate实现自然往复，注意Safari兼容性及响应式角度调整。
-
应使用transform:translateY()而非top/left移动卡片，避免重排和掉帧；transition必须写在默认状态；注意父容器overflow和移动端hover兼容性。
-
外边距合并是CSS规范定义的垂直方向块级元素间margin-top与margin-bottom的叠加行为，仅发生在普通流中，典型场景包括相邻兄弟、父子穿透及空块级元素自身合并；推荐用display:flow-root触发BFC解决，或用Flex/Grid的gap替代margin。
-
过早晋升表现为老年代单次晋升量异常大（如>20MB/sec）、TenuringDistribution中年龄阈值骤降至2且age1对象占比过高、老年代呈阶梯式增长且FullGC释放极少；需排除大对象直入、System.gc()及GC算法差异干扰。
-
column-count实现瀑布流更快落地，因其是原生文档流分栏机制，无需计算列高、不依赖子项顺序、不触发重排，仅三行CSS即兼容主流浏览器；而Grid需显式定义轨道、处理自动填充逻辑，易出现留白、参差、响应式错乱等问题。
-
心跳检测需与连接状态、业务流量、重连策略深度耦合：必须在ws.readyState===WebSocket.OPEN时发送原生Ping帧，及时清理定时器，结合业务消息重置超时，并采用指数退避+随机抖动重连，避免竞态与重连风暴。
-
transition作用于width/height会导致点击区域不同步，应优先使用transform和opacity组合；避免混用top/left与transform；合理使用will-change提升性能，并注意移动端touchstart时机问题。
-
答案是提升HTML代码质量需坚持语义化标签使用、遵循书写规范、关注可访问性，并借助工具优化。具体包括：用<header>、<nav>等语义标签构建清晰结构，保持标题层级逻辑；属性值用双引号、标签小写、合理缩进以提升可读性；为图片添加alt属性，表单使用label关联，提升无障碍体验；结合W3C验证器和Prettier等工具持续优化代码，确保结构正确、风格统一，最终实现易于维护且兼容性强的HTML代码。
-
start属性值必须为整数，非整数会退化为1；常见失效原因包括CSS隐藏序号（如list-style:none）、type与start未配合（如type="a"时start="5"显示"e."而非"5."）、aria-hidden等遮蔽元素，或value局部覆盖干扰全局计数。
-
使用支持HTML的应用如Textastic导入文件并预览；2.通过“文件”应用将HTML在Safari中打开实现本地加载；3.利用JSFiddle等在线平台粘贴代码实时运行；4.借助Pythonista启动本地服务器在http://localhost:8000测试页面。
-
WebSocket协议本身不支持消息优先级，必须在应用层用多队列+权重调度实现；uWebSockets.js和Swoole等高性能方案效果最稳，SocketRocket需依赖GCD队列优先级，sockjs-client只能靠缓冲延迟微调。
-
Flex布局中推荐使用gap设置子元素统一间距，简化代码；margin则用于特殊定位或局部调整，二者可叠加使用，应根据布局需求合理选择。
-
JavaScript作用域指变量可访问的范围，分全局、函数、块级三种；作用域链是逐级向上查找变量的路径；闭包是内部函数记住并持续访问外部作用域变量的现象。
-
应使用CSS控制字体样式，禁用已废弃的<font>标签；font-family需提供带通用族的字体列表，font-size推荐用px单位，color优先用十六进制或rgb()；须避免行内重复书写、中英字体名混用及大小写错误，并注意system-ui的兼容性问题。
