-
flex:1更可靠，因其不依赖父容器显式高度，而是按剩余空间动态分配；height:100%则需整条祖先链均有明确高度，否则失效。
-
pointer-events属性无需浏览器前缀，Chrome4+、Firefox3.6+、Safari4+和IE11+均原生支持标准写法；IE10及更早版本完全不支持，旧WebKit内核曾短暂支持-webkit-pointer-events但已废弃。
-
flex-basis:0强制初始尺寸为0，空间全由flex-grow分配，适用于严格等分；flex-basis:auto则先按内容或width确定初始尺寸，再分配剩余空间。
-
利用height或max-height配合overflow:hidden和transition，通过JavaScript控制类名切换实现导航菜单的平滑展开与收起动画效果。
-
页面切换动画不触发是因为transition只响应属性值变化过程，而非类名添加；若初始状态与目标状态相同（如opacity均为1）或元素处于display:none脱离渲染流，则无法触发动画。
-
Less中生成background-position序列帧必须用递归mixin+when守卫，禁用for插件；需按行优先顺序计算偏移值，插值必须为纯数字再补%，否则编译失败。
-
Less无法响应DPR变化，因其为编译时预处理器；image-set()不支持Less变量插值；响应式背景图可用混合器按视口宽度切换；兼顾DPR与宽度需JS动态加class；background-image无懒加载能力，应结合picture/srcset或IntersectionObserver。
-
inline-block元素间空隙是HTML解析空白字符所致，并非bug；可通过font-size:0（需子元素重设字号）、HTML压缩、负margin或flex布局消除，其中flex+gap为现代推荐方案。
-
JavaScript模板引擎通过解析含占位符的模板并替换为实际数据生成HTML，核心原理是将模板编译为可执行函数以提升性能，如使用正则匹配{{name}}替换变量；高级引擎支持条件、循环等逻辑语法，编译时转为对应JavaScript语句，并通过抽象语法树处理嵌套结构；同时内置HTML转义机制防止XSS攻击，确保输出安全。
-
transition通过状态变化触发动效，适用于简单交互反馈；2.animation基于@keyframes独立运行，支持复杂关键帧与循环，适合连续动画；3.推荐transition用于用户交互过渡，animation用于自动播放或精细控制，优先使用transform和opacity以优化性能。
-
JavaScript数组方法核心是分清修改原数组（如push、sort）与返回新数组（如map、filter），避免状态意外变更；注意find/findIndex边界行为、异步操作陷阱及链式调用类型安全。
-
答案：通过word-wrap和flex布局解决浮动容器内长文本换行问题。使用word-wrap:break-word可强制长字符串换行，避免溢出；采用flex布局替代传统float能提升文本换行的自然性与布局灵活性；若需兼容旧代码，可在外层保留float，内层用flex结合overflow:hidden优化显示效果。关键在于控制宽度并明确断行规则。
-
微任务（如Promise回调）被称为“高优先级”是因为在每个事件循环周期中，它们会在同步代码执行完后被集中、优先执行，而宏任务（如setTimeout）需等微任务队列清空后才执行；2.这种机制确保了异步操作的状态一致性与执行时机的确定性，避免被宏任务打断，提升代码可预测性；3.实际开发中应根据需求选择：用微任务（Promise.then、queueMicrotask）实现紧耦合的异步逻辑，用宏任务（setTimeout）让出主线程以优化渲染，用requestAnimationFrame同步动画，从而写出高
-
本文介绍两种不修改原始数据语义的前提下，在ECharts中高亮或差异化渲染null值的实用方案：一种通过添加哑变量维度配合visualMap控制样式，另一种利用双系列叠加实现“透明占位+标签标注”的视觉效果。
-
当form的action为空或省略时，表单提交到当前页面URL；action=""、无action属性、action="#"均等效；提交地址由浏览器地址栏URL决定，与HTML文件路径无关；method属性仍生效，空action不阻止HTTP提交。
