-
用width/height做加载动画卡顿是因为触发重排，应改用transform:scale()并配合will-change或translateZ(0)提升合成层，确保初始态与0%帧一致，Safari中避免scale(0)改用scale(0.001)，并通过class切换控制启停。
-
Node.js流处理通过可读、可写、双工和转换流实现高效数据处理，利用pipe()方法连接流并自动管理背压，结合stream.pipeline进行错误处理，适用于大文件、网络通信等场景，提升内存和时间效率。
-
Safari中transition闪烁的根本原因是其渲染管线对3D变换上下文敏感，未启用硬件加速或未隔离背面图层时会反复丢弃/重建合成层；应将backface-visibility:hidden加在动画主体元素上以强制创建独立合成图层，而非父容器。
-
padding-top百分比能固定宽高比，因其值按包含块宽度计算，配合absolute定位子元素可实现响应式比例布局；4:3为75%，16:9为56.25%，兼容性优于aspect-ratio。
-
IE8及以下不支持opacity，需用filter:alpha(opacity=50)实现半透明，值为0–100整数；现代浏览器用opacity:0.5，两者应并列声明、互不干扰，避免混用导致失效或渲染异常。
-
用localStorage+时间戳可实现跨标签页状态同步，需监听storage事件、写入时存值与时间戳、用Math.max防抖，并try/catchSafari无痕模式异常。
-
答案：在线表单生成器通过可视化操作动态添加、编辑和删除表单字段，核心结构包含字段选择面板、画布预览区和代码输出功能；利用HTML、CSS与JavaScript实现交互，用户点击按钮向画布插入可编辑字段，实时更新并生成标准HTML代码，支持拖拽排序与属性配置，提升用户体验。
-
浮动导致父容器高度塌陷，解决方法有：①clearfix伪元素清除（推荐）；②overflow:hidden触发BFC（有裁剪风险）；③flex/grid布局替代浮动；④避免空标签清除及浮动元素宽高缺失问题。
-
本文详解如何解析并按单词内嵌数字（1–9）对字符串中的单词进行升序排序，重点剖析正则表达式/\\d/在sort()比较函数中的作用机制，并提供健壮、可扩展的实现方案。
-
min-height用于设置元素最小高度，确保内容不被截断。当内容较少时，元素保持最低高度；内容增多时自动扩展，避免溢出或布局错乱。与固定height不同，min-height更灵活，适用于动态内容场景。常见用法如.container{min-height:200px;}，保证容器至少200px高。结合flex布局可防止子元素被压缩，.content设min-height后即使内容少也不会塌陷。使用min-height:100vh可实现全屏布局，使页面最少占满视口高度，提升视觉体验。在父容器中替代固定he
-
图片居中首选object-fit+flex，container需设宽高；IE兼容用background-image替代img；DOM锁死时用absolute+transform；vertical-align不适用于父容器垂直居中。
-
HTML5中清除浮动的五种方法：一、空标签加clear属性；二、父容器设overflow触发BFC；三、伪元素::after清除法；四、display:flow-root创建BFC；五、flex布局替代浮动。
-
推荐使用transform+transition实现元素平滑移动，因性能更高、动画更流畅。首先通过position定位元素，再用transform:translate(x,y)进行位移，并配合transition设置过渡效果。相比直接修改top/left触发重排的方式，transform由GPU加速，避免页面重绘，尤其适合频繁动画和移动端。例如.movable{position:relative;transition:transform0.4scubic-bezier(0.25,0.8,0.25,1);}
-
JavaScript的search()方法仅返回首个匹配项索引，不支持全局搜索、不返回匹配内容或捕获组、忽略g标志但尊重i/m标志、且无法指定起始位置。
-
插值表达式是Vue最基础的数据绑定方式，仅支持返回值的JavaScript表达式，禁用语句、声明、异步操作及副作用；需防范null/undefined访问，HTML渲染须用v-html。
