-
footer是语义化标签，表示所属内容区块的结尾部分，而非视觉底部容器；应用于body、article或section等元素内，承载版权、元信息或章节补充说明，不可用于布局、导航或无关广告。
-
CSS盒模型由内容区、内边距、边框和外边距组成，总尺寸受box-sizing影响；采用border-box可使width包含padding和border，便于布局控制。
-
<progress>元素需同时设置value和max属性才有效，value必须在0到max之间（含端点），否则退化为不确定状态；它仅表示任务进度，不自动标识“完成”，需JS或CSS配合实现完成态样式。
-
浮动元素导致父容器高度塌陷，因其脱离文档流使父容器无法感知其高度；clearfix伪元素通过触发BFC并清除浮动来解决，标准写法为.clearfix::after{content:"";display:table;clear:both}。
-
表单元素未继承CSS样式主因是浏览器user-agentstylesheet的强默认样式覆盖，需用DevTools定位来源，通过更具体选择器、appearance重置或!important调试；父容器、重置CSS、层叠上下文及焦点逻辑亦影响样式生效。
-
函数组合（compose）是函数式编程的核心技巧，通过闭包保存函数列表并惰性地从右到左执行，如compose(f,g,h)等价于f(g(h(x)))，支持任意数量函数及异步扩展。
-
通过设置transition并操作width、flex-basis或transform实现Flex子元素尺寸动画。①用width/max-width配合transition实现简单拉伸；②对flex-basis设置过渡以动态调整主轴空间，适合布局变化；③使用transform:scaleX()实现不影响布局的高性能视觉缩放。避免直接对flex属性动画，优先选择支持过渡的组成部分，并结合cubic-bezier优化动效，根据是否需改变布局空间选择合适方案。
-
用响应式断点控制列数时，需确保断点与设备视口精确匹配，如md起始于768px，避免卡在临界值；卡片高度不一致应设min-h或grid-auto-rows-min；间距优先用gap而非padding；SSR中须保证Grid子元素结构一致。
-
VueDiff算法遇相同key节点会抛警告并覆盖渲染，因key是vnode唯一标识，用于DOM复用和生命周期管理；重复key导致状态错乱，须确保同级vnode中key唯一。
-
脚本不生效通常因加载顺序、执行时机或路径问题。应确保脚本在DOM构建后执行，如置于body底部或使用DOMContentLoaded事件；检查外部脚本路径正确性及网络加载情况，排除404或CORS问题；合理使用async与defer避免执行错序；通过console.log、开发者工具和错误提示验证脚本是否加载运行，逐步排查定位问题。
-
Streamlit中HTML需用st.markdown(...,unsafe_allow_html=True)启用，st.write等不支持；复杂交互用st.components.v1.html（iframe隔离），但JS无法调用Python函数，须用st.button+st.session_state桥接。
-
try-catch应仅包裹明确的危险点（如JSON.parse、localStorage.getItem、第三方API调用），避免包裹整段业务逻辑；需正确处理异步错误、保留原始堆栈、合理使用Promise.allSettled和全局错误监听。
-
字体大小未生效通常是CSS优先级、继承中断或元素限制所致；需检查父元素font-size:0或line-height:0、单位匹配性、display属性、伪元素content及选择器权重。
-
HTML表单与微服务集成的核心是通过API网关实现解耦与协作。表单提交数据至统一入口，由网关路由到对应微服务，避免前端直连服务，提升安全与可维护性。推荐使用JSON格式异步提交，结合前端组件化与多步向导式设计，将复杂表单按业务域分解为独立模块，每个模块对接特定微服务，实现职责分离。前端应实施基础验证并禁用重复提交，后端需严格校验数据并返回统一错误格式，支持分层验证与友好提示。针对分布式事务，采用Saga模式保证最终一致性，前端根据错误类型提供明确反馈，如部分失败时引导用户完成后续操作。整个流程需配合全局状
-
transition仅适用于状态变化，无法实现循环动效；持续自动动画必须用@keyframes配合animation属性，通过定义关键帧、设置animation-name、duration、iteration-count等控制循环播放。
