-
统一使用UTC存储和传输时间，前端通过toISOString()发送，后端存UTC；展示时用toLocaleString()按本地或指定时区（如America/New_York）格式化；避免依赖系统时区做逻辑判断，需动态计算用户时区下的当日0点UTC时间；复杂场景推荐使用date-fns-tz或luxon库处理。
-
本文详解HTML5pattern属性中email正则表达式的常见错误（如非法字符类、转义缺失），提供简洁可靠的替代方案，并给出兼容HTML5和JavaScript的双重验证实践。
-
attr()无法用于Tooltip定位计算，因不支持单位解析且兼容性差；应改用CSS自定义属性配合calc()或JS动态设置，辅以transform位移和pointer-events精细控制。
-
ECharts原生Treemap不支持严格的垂直流式布局与跨系列连接，但可通过多实例Treemap手动定位+统一样式模拟实现类“垂直堆叠+水平对齐”的视觉效果。
-
使用<hr/>标签可实现HTML中内容主题的分隔，如段落、章节间的视觉分割，语义明确且可通过CSS自定义样式，提升页面结构清晰度与可访问性。
-
控制HTML文本换行的核心是CSS的white-space属性，它决定空白符和自动换行的处理方式；2.常用值包括normal（默认，合并空格并自动换行）、nowrap（不换行，内容溢出）、pre（保留所有空白和换行，不自动换行）、pre-wrap（保留空白和换行，允许自动换行）、pre-line（合并空格但保留换行，自动换行）和break-spaces（类似pre-wrap，允许在空白符内断行）；3.单行文本溢出可结合white-space:nowrap、overflow:hidden和text-over
-
HTML<select>必须手动添加<option>，每个需设value或文本；多选用multiple属性；name决定表单提交字段名，不可为空；原生不支持placeholder和搜索，需用首项禁用模拟或引入库。
-
JavaScript是否用设计模式取决于是否遇到重复的结构问题；单例应注重可控共享与生命周期，Observer比EventEmitter更适前端，工厂函数比抽象类更契合JS动态性。
-
flex-basis动画默认不生效因auto无法插值，需设具体值；折叠用flex-basis:0+overflow:hidden；结构须侧边栏与主内容为同一flex父容器直接子元素；切换状态只改class内flex-basis和overflow；按钮触控区不小于44px。
-
使用transform改变盒子形状不会影响布局，因为它不改变文档流。通过rotate、scale、skew、translate可实现视觉形变，原空间保留，周围元素不变。关键点包括：利用transform-origin控制变换中心，设置overflow:hidden防溢出，调整z-index避免遮挡。相比修改margin、position或宽高等触发回流的属性，transform在渲染层操作，性能更优，适合仅需视觉变化的场景，如按钮倾斜装饰，确保布局稳定。
-
使用tr:first-child或thead配合font-weight是实现表格首行加粗的推荐方式，兼容性更好且无需修改HTML结构。
-
使用rgba或hsla结合opacity可通过transition或@keyframes实现颜色与透明度的平滑动画，如按钮悬停变色淡入效果，配合硬件加速提升性能。
-
HTML原生<inputtype="number">不支持直接显示序数文本（如"1st"），但可通过JavaScript动态转换数值并渲染到外部元素，实现视觉上的序数展示。
-
Prisma目前原生不支持抽象模型或继承机制，但可通过ZenStack等兼容工具在.zmodel中定义抽象基类并自动编译为标准PrismaSchema，高效复用审计字段（如createdAt、updatedAt）等通用结构。
-
cursor属性常用值包括pointer、default、wait、help等通用值；grab、zoom-in等值在旧版Safari中兼容性差，需谨慎使用或添加浏览器前缀。
