-
IE11仅支持2012草案版Grid，需用-ms-前缀（如-ms-grid-column）、手动行列定位、margin模拟gap，autoprefixerv9+已移除对其支持，@supports在IE11中无效，float/inline-block仅适用于简单一维布局，css-grid-polyfill性能差且已停更，最佳实践是为IE11提供简化线性布局。
-
flex-grow通过比例控制子元素在容器中的拉伸程度，数值越大占比越大。例如三个子元素分别设为1、2、1时按1:2:1分配剩余空间；结合flex-basis:0可实现精确均分，推荐使用flex:110px等缩写形式以优化布局控制。
-
响应式时间轴需小屏单列左对齐、大屏水平居中，核心是用flex布局切换主轴方向并配合伪元素、相对定位与padding扩热区，避免order错乱和固定偏移导致的错位。
-
浮动元素覆盖定位元素的本质是层叠上下文与文档流冲突；解决方法包括用z-index控制顺序、统一层叠上下文，或改用Flex/Grid布局替代浮动。
-
通过CSSMediaQuery的orientation属性区分横竖屏，结合viewport元标签实现响应式布局，竖屏时适配窄屏样式，横屏时利用宽屏空间优化展示，提升移动端用户体验。
-
本文详解如何在单页应用或动态页面中，通过JavaScript修改Calendly内联小部件的data-url属性，并触发其重新加载与渲染，确保切换顾问日历时界面实时响应。
-
动态导入是使用import()语法异步加载模块的技术，返回Promise，支持按需加载。它不同于静态import，可在运行时条件加载，如用户点击按钮时才加载模块，实现懒加载。在单页应用中，结合React.lazy和Suspense，可根据路由分割代码，访问对应路由时才加载组件，减少首屏体积。此外，还可按功能分割，如仅在需要时加载大型库（如xlsx、moment等）。构建工具如Webpack、Vite等原生支持动态导入，自动拆分代码块，可通过webpackChunkName注释优化chunk命名，提升可维护
-
在@mediaprint中强制黑白打印需显式重置color为black、background-color为white，并禁用图片、阴影、边框等干扰项，同时用!important覆盖框架样式，确保所有文字黑、背景白、无色块与灰斑。
-
要让链接间竖线正常显示且最后一个不出现，需用a:not(:last-child)::after{content:"|";margin-left:8px;display:inline-block;vertical-align:middle;}，并确保父容器white-space:nowrap、a有足够padding且无overflow:hidden。
-
表单提交必须首行调用event.preventDefault()；FormData默认忽略未选中/空字段；fetch传FormData时勿手动设Content-Type；验证优先用reportValidity()兜底但需JS增强提示。
-
Vue响应式原理基于数据劫持与依赖追踪：Vue2用Object.defineProperty劫持属性getter/setter收集和通知依赖，Vue3用Proxy实现更完整的拦截；需注意操作边界以确保更新触发。
-
不可行，:empty仅匹配完全无子节点（含文本、空格、注释）的元素，不响应JS动态变化；推荐用display:none配合JS控制显隐，或服务端条件渲染。
-
history.pushState()新增历史记录，replaceState()替换当前记录；路由跳转用pushState()，修正URL用replaceState()；popstate需手动监听并初始化，避免重复绑定，history.state不随刷新保留。
-
移动端input默认不占满父容器，需显式设置width:100%并配合box-sizing:border-box；注意软键盘缩放、字体继承及真机测试。
-
全局字体管理需定义语义化变量（如@font-family-sans、@font-size-sm），图标路径与class前缀须统一维护，用mixin封装字体加载逻辑并引用变量，构建时确保url路径相对于输出CSS文件正确。
