-
居中需按元素类型选择方案：行内内容用父容器text-align:center；块级元素定宽后margin:0auto；现代布局首选flex的justify-content:center与align-items:center；绝对定位元素用left/top50%加transform回拉。
-
前端日志与用户行为分析可通过封装Logger模块实现，支持分级记录并上报；结合事件监听自动采集点击、路由变化等行为数据。
-
MutationObserver默认不监听任何变化，必须手动配置、启动并指定真实DOM节点；监听class/style需用setAttribute而非直接赋值；监听文本需同时设subtree、characterData为true；React/Vue中应监听稳定父容器并及时disconnect。
-
本文详解如何通过静态访问器（staticget）、接口约束与泛型工厂模式，使父类无需硬编码即可动态获取子类定义的静态配置（如singularName/pluralName），消除重复方法声明，兼顾运行时健壮性与编译时类型检查。
-
微前端中虽无内置IoC容器，但主应用可构建轻量级IoC作为跨子应用服务中枢，实现统一注册、按需注入与生命周期协同，核心在于以契约先行、面向抽象编程，通过沙箱隔离与容器中转治理跨应用依赖。
-
应按用途语义化封装@mixin，如flex-row-center，而非通用参数化写法；需避免参数顺序错误、默认值干扰、意图不明确等问题，子项mixin须带-item-后缀，注意IE兼容与编译体积。
-
break-after不生效的首要原因是未置于@mediaprint媒体查询中，必须写在打印样式上下文内才有效；其次需确保目标元素为块级、父容器无overflow:hidden或transform等干扰属性。
-
<fieldset>元素默认带有边框和外边距，但若标签未正确闭合（如<select>缺少结束标签）或语义结构错误，会导致渲染异常、边框消失、内容重叠。本文详解常见陷阱与修复方法。
-
Firefox对空白字符处理更严格，严格遵循HTML5规范导致排版错位；应使用white-space:pre-wrap等CSS属性控制，避免混用不换行空格与普通空格对齐，调试时须查看computedstyles中的white-space值。
-
响应式栅格系统由container-row-col三层结构、百分比宽度、媒体查询协同实现；列宽用百分比（如25%）确保相对缩放，配合box-sizing:border-box防溢出，flex布局比浮动更可靠，断点应遵循移动优先原则用min-width定义。
-
原生<select>无法实现真正的下拉动画，因其CSS动画属性被浏览器强制忽略；必须改用<button>+<ul>等语义化结构，通过aria-expanded、transform:scaleY()和状态管理实现可控、可访问的动画效果。
-
设置height:100vh会导致Flex布局在输入法弹出时变形，因其按初始视口高度计算且iOSSafari等不更新vh或触发resize；应改用min-height/max-height:100dvh+overflow-y:auto，并对关键区域设flex-shrink:0或flex:00auto，配合visualViewport.resize监听与防抖处理。
-
HTML表格每行加复选框应直接置于<td>内，用唯一name="row-select"、data-row-id标识业务主键，避免id重复和内联JS；全选逻辑需双向同步：监听行复选框change事件动态更新表头复选框的checked与indeterminate状态。
-
是，但必须由主线程通过transferControlToOffscreen()移交OffscreenCanvas实例，Worker内不可直接new；Chrome69+、Firefox72+支持，Safari17.5仍不支持。
-
CSS工具和框架本质不同：工具提升编写效率，如Sass、CSS-in-JS、PostCSS；框架提供现成样式，如Tailwind（原子类）、Bootstrap（组件化）、Materialize（设计系统）。选择取决于需求：统一管理用工具，快速搭建用框架。
