-
JS动画不流畅的核心原因是主线程阻塞和布局抖动，频繁读写触发回流或重绘的属性（如width、height）会导致性能问题，而选择transform、opacity等可硬件加速的属性能提升流畅度；2.requestAnimationFrame相比setTimeout/setInterval的优势在于能与浏览器刷新率同步，避免画面撕裂，并在页面不可见时自动暂停，节省资源；3.应优先使用CSS动画处理简单、固定、性能敏感的UI状态变化，而JS动画适用于复杂控制、非CSS属性动画、高度交互或需精确控制播放状态的场
-
aspect-ratio在Chrome103+和Safari15.4+才真正可用，旧版浏览器会忽略该属性导致容器塌陷；需用@supports检测并提供padding-top降级方案，视频须包裹容器设置aspect-ratio，避免直接作用于video元素，推荐使用分数形式如16/9，并结合媒体查询或JS响应横竖屏切换。
-
阻止表单默认提交：通过监听submit事件并调用preventDefault()方法阻止页面刷新；2.收集表单数据：使用FormData对象自动获取所有字段；3.使用AJAX发送请求：通过fetchAPI异步提交数据；4.处理服务器响应：根据返回的JSON更新页面提示。
-
用font-family指定字体，但别只写一个名字浏览器不会“猜”你想要什么字体，它只会按顺序找系统里有没有。只写"微软雅黑"，在macOS或Linux上大概率fallback到默认无衬线体，文字可能突然变细、行高错乱。必须提供备选字体链，例如：font-family:"MicrosoftYaHei","PingFangSC","HiraginoSansGB",sans-serif;中文字体名带空格或中文，一定要加英文引号；英文字体如Helvetica可不加，
-
Vue提供$attrs+inheritAttrs:false实现自动props透传，避免中间组件污染；需用defineProps明确接收、defineExpose暴露接口；深层场景优先useprovide/inject；组合式API中可封装composable复用透传逻辑。
-
scroll-behavior:smooth在高刷屏上卡顿因默认按60fps调度，未适配屏幕真实刷新率；Chrome120+已支持自动适配，Safari仍锁死60fps；它不响应prefers-reduced-motion，需手动监听处理；与sticky配合易丢锚点，手写rAF滚动更可控。
-
移动端input默认不占满父容器，需显式设置width:100%并配合box-sizing:border-box；注意软键盘缩放、字体继承及真机测试。
-
本文深入解析position与Flexbox在布局场景中的适用边界：Flexbox擅长内容驱动的弹性对齐，而position（尤其是absolute/fixed）适用于脱离文档流、精确锚定或覆盖层等特殊需求。二者并非替代关系，而是互补工具。
-
本文介绍在动态增删表格行的场景下，如何通过jQuery高效、健壮地实时汇总指定列（如LineTotal）的所有数值，并自动更新总计显示。核心在于监听输入变化、精准定位目标单元格、安全解析浮点数并处理空值。
-
列数由grid-template-columns轨道数决定，如1fr2frauto为3列；repeat()防手误；minmax()算1条轨道；grid-template-rows定义显式行但空行高度为0；auto-fit删空轨，auto-fill留空轨；grid-template-areas行列数须与rows/columns声明严格匹配。
-
最直接实现进度指示的方式是使用HTML的<progress>元素，结合CSS自定义样式以解决跨浏览器差异，并通过JavaScript动态更新value属性实现动态进度，同时需同步更新ARIA属性以保障可访问性。
-
需通过系统化手段解析HTML结构：一、用开发者工具查看DOM树；二、识别语义化标签与容器边界；三、借助CSS选择器反向推导层级；四、运行JS脚本遍历输出层级；五、利用第三方工具生成可视化结构图。
-
for循环比forEach和map快，因其是原生语句、无函数调用开销、可缓存长度、支持break/continue；而forEach/map有回调开销、闭包、上下文绑定及新数组分配等成本。
-
用padding-left做嵌套缩进而非margin-left，因其保持父容器事件热区完整、确保hover/click/touch全区域响应；配合CSS变量、clamp()与border-box可控层级、对齐及响应式。
-
用transform:rotate()配合transition和JS控制替代纯CSSanimation，动态计算目标角度、校准扇区中线、强制重绘并状态锁控，可实现精准、不卡顿、防连点的转盘抽奖。
