-
margin:0auto仅对有明确宽度的块级元素生效；行内/行内块、浮动、绝对定位（未设left/right为auto）、table-cell元素均不适用；flex容器中仅交叉轴方向有效。
-
:nth-col()伪类从未被任何主流浏览器实现，仅存在于早期草案中并已被移除；当前使用如td:nth-col(2)完全无效且无报错。
-
TailwindCSS不支持selection修饰符，需在@layerbase中手动添加::selection和::-moz-selection样式，且仅color、background-color等少数属性有效。
-
JavaScript虽非纯函数式语言，但可通过规避副作用、坚持不可变性、避免共享状态来写出接近纯净的函数式代码；纯净函数要求相同输入恒得相同输出且无任何可观察副作用。
-
图片和文字垂直对齐不生效，主因是父容器未设置display:flex；需先声明display:flex，再用align-items:center才有效，否则该属性无效。
-
触发BFC是解决float子元素不换行的关键，需配合box-sizing:border-box和合理width控制；现代推荐display:flow-root，老项目可用overflow:hidden或伪元素清浮动。
-
@media写分辨率隐藏规则需用px单位、英文标点、正确空格；移动端优先建议max-width:767px；iPad竖屏应加orientation:portrait；必须外层写媒体查询再嵌套选择器；display:none彻底移出流，visibility:hidden保留占位；viewportmeta缺失和CSS顺序错误是常见失效原因。
-
transition对width:50%不生效，是因为初始值为auto无法插值；需显式设置可过渡的起始宽度（如width:0或具体像素值），或改用max-width、calc()（前提是参照物尺寸确定）、Grid布局或transform替代。
-
使用HTML构建导航结构，包含品牌标识、导航链接和切换按钮；2.通过CSS设置桌面端横向布局，隐藏切换按钮；3.利用媒体查询在屏幕宽度小于768px时隐藏菜单并显示汉堡按钮；4.JavaScript为按钮添加点击事件，切换nav-menu的active类控制展开与收起；5.结合flex布局与响应式设计实现平滑适配，确保交互简洁且可访问。
-
使用gap属性可设置CSSGrid布局的行列间距，gap能统一设置行列间距，row-gap和column-gap可分别设置行距与列距，如gap:20px或row-gap:15px、column-gap:30px，现代浏览器推荐直接使用无前缀属性，gap支持双值写法gap:10px20px等价于分别设置行列间距，相比margin更简洁高效。
-
JavaScript中map和reduce是核心高阶函数：map实现“一对一映射”，返回新数组；reduce实现“归约聚合”，返回单一值；二者均不修改原数组，支持不可变数据流与链式组合，但需避免回调中的副作用。
-
Webpack通过静态分析源码构建模块依赖图谱，以入口模块为根节点，递归解析import/require生成Module节点和Dependency有向边，形成构建期的有向图，再据此生成Chunk与最终资源。
-
div:only-of-type只判断父容器中同类型标签（<div>）的数量是否为1，无视其他标签、文本节点或注释；若存在多个<div>（哪怕被其他元素隔开），即不匹配。
-
ElementUI的el-table通过作用域插槽实现列内容自定义渲染，支持按钮、标签、图片等交互；Vue2用slot-scope，Vue3用#default="scope"，可访问scope.row、scope.$index等数据；需正确绑定事件、避免v-for渲染列、注意性能优化。
-
调用栈是JavaScript中用于追踪函数执行顺序的LIFO结构，当函数被调用时入栈，执行完毕后出栈。通过错误发生时自动生成的调用栈信息，开发者可清晰看到从入口到错误点的完整调用链，如c←b←a的回溯路径。利用Error.stack属性可在任意位置主动获取当前调用路径，辅助调试深层嵌套或异步逻辑。浏览器DevTools提供可视化调用栈列表和性能时间轴，结合sourcemap可提升压缩代码的可读性。注意异步回调会中断调用链，箭头函数可能显示为匿名，递归过深易引发栈溢出，频繁创建Error对象影响性能，推荐使
