-
提升页面渲染性能需优化CSS选择器，首选类名和ID作为关键选择器，避免过度嵌套与通配符。①使用简洁类名如.nav-link替代div.contentullia.nav-link；②用具体类名.btn-primary替代属性选择器[class*="btn-"]；③限制嵌套层级不超过3层，改用BEM命名法提高独立性；④避免深层结构.sidebar.widget>ul>li>a，采用.widget-link等语义化类名；⑤合理使用#id提升匹配效率，但不滥用以保组件化可维护性。选择器越简单明确
-
position:sticky是实现导航栏固定的首选方案，需满足设置top值、父容器无overflow截断、页面有足够滚动空间三条件；常见失效源于transform、flex/grid对齐或行内元素未设display；优势是零性能开销、天然平滑、自动响应。
-
统一使用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在渲染层操作，性能更优，适合仅需视觉变化的场景，如按钮倾斜装饰，确保布局稳定。
-
ReflectAPI提供统一、函数化的对象操作接口，替代分散的传统方法，其静态方法如get、set、deleteProperty等返回布尔值更可控，与Proxy配合可保持默认行为一致性，且Reflect.defineProperty比Object.defineProperty更安全，避免异常抛出，ownKeys提供更完整的属性枚举能力，适用于元编程场景。
-
仅对body设置display:flex;justify-content:center;align-items:center无法实现垂直居中，根本原因是body默认高度未占满视口；需显式设置height:100vh（或同步设置html{height:100%}），才能让Flex居中生效。
-
Vue2中全局事件总线需在created/mounted绑定、beforeDestroy解绑，禁用匿名函数，推荐mixin封装或改用provide/inject、Pinia等现代方案。
