-
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，动态计算目标角度、校准扇区中线、强制重绘并状态锁控，可实现精准、不卡顿、防连点的转盘抽奖。
-
应使用<time>标记时间线变更点，其datetime属性须为ISO8601格式（如2024-03-15），内容可为人类可读文本；多个变更点需多个<time>标签，辅以data-version等自定义属性标识版本；“前后对比”需用语义化容器（如<divclass="versionold/new">）配合<del>/<ins>标记小范围文本差异，禁用title或注释替代可见记录。
-
Svelte要求HTML标签全小写、自闭合标签显式闭合、事件用on:click绑定、插值仅支持表达式、逻辑用{#if}和{#each}块；style属性需移至scopedstyle块或加global修饰。
-
align-items:stretch是Flex子项默认等高的关键，只要未显式修改且子项无固定height/min-height，它们会自动拉伸填满交叉轴；需配合min-height:0和box-sizing:border-box确保嵌套与盒模型正确。
-
最直接的方式是用document.getElementById()获取元素再取内容或属性：先通过ID定位元素，再用.textContent、.innerHTML或.getAttribute()读取内容或属性。
