-
flex-wrap:wrap可使Flex子元素在空间不足时自动换行。默认nowrap不换行，wrap允许换行且新行在下方，wrap-reverse新行在上方。结合justify-content控制行内对齐，align-content控制多行垂直分布，并可通过flex和gap实现响应式布局。
-
用:checked伪类替代:hover可实现移动端可控的点击展开/收起菜单，需将checkbox与菜单置于共同父容器内、菜单设position:absolute且父容器设position:relative，配合max-height过渡动画，并完善可访问性。
-
DOM树是浏览器解析HTML生成的节点树，根为Document（nodeType=9），元素为Element（1），文本为Text（3），注释为Comment（8）；通过parentNode、childNodes、children等属性遍历，需注意空白文本节点。
-
迭代器模式与生成器函数结合，通过惰性求值实现高效数据流处理。生成器函数以yield暂停执行，按需生成值，避免内存溢出，尤其适合无限序列或大型数据流。传统数组和循环因饥饿求值和状态管理复杂难以应对，而生成器仅在调用next()时计算下一个值，内存占用小、资源消耗低。异步场景中，asyncfunction和forawait...of支持异步迭代，可处理分页请求、事件流等，结合yield可委托其他迭代器，构建灵活的数据管道，提升异步代码可读性与维护性。
-
绝对定位是开关轨道和按钮的首选，因其能使滑块脱离文档流、紧贴轨道边缘移动且不破坏父容器结构，但前提是轨道必须设为position:relative。
-
Tailwind的dark变体默认不生效，因它仅是条件前缀，需手动在<html>添加dark类或配置darkMode:'class'；须用JavaScript控制类切换并持久化至localStorage，且注意focus:ring等样式在深色下的可见性。
-
HTML本身不支持批量编辑元数据，该功能需后端数据库、前端表单与服务端接口协同实现，JavaScript仅能临时修改当前页DOM。
-
直接用tr:hover设置背景色即可实现整行高亮，兼容IE9+；需避免border-collapse:collapse等干扰样式，推荐加transition过渡，并注意层叠顺序以解决斑马纹或表头冲突。
-
用<img>嵌入静态地图URL（如高德/百度静态图API），配合<div>列表展示网点信息，零依赖、轻量高效；注意坐标顺序、参数拼写、响应式CSS和语义化结构。
-
不能。PostCSS本身不提供自动合并CSS模块的能力，仅作为样式处理管道，需依赖插件组合实现；postcss-import负责显式导入替换，postcss-nested支持嵌套语法，二者配合可实现可控拼接。
-
JavaScript前端路由核心是不刷新页面切换视图，通过HistoryAPI或Hash模式监听URL变化并动态渲染，配合框架库（如ReactRouter、VueRouter）实现完整路由功能，并需服务端fallback配置与SEO优化。
-
异步加载JS文件的核心方法有：1.使用async属性，实现脚本的异步下载和立即执行，不阻塞HTML解析，但不保证执行顺序；2.使用defer属性，异步下载脚本并在HTML解析完成后、DOMContentLoaded事件前按顺序执行，适合依赖DOM或有依赖关系的脚本；3.动态创建script元素，通过JavaScript控制加载时机，适用于按需加载、第三方集成等场景，并需处理onload和onerror事件；4.使用ESModules的动态导入（import()），返回Promise，实现模块的按需异步加载
-
TailwindCSS通过预定义的margin、padding和space类，在HTML中直接控制布局，提升开发效率；其基于4px缩放比例的工具类可快速设置间距，如mt-4、px-6等，space-x/y用于子元素间隔，支持响应式和自定义配置，使样式管理更直观高效。
-
border-radius动画失效主因是起止值类型不一致或不可插值，须统一用数值单位且四角写法匹配；应避免auto等非数值值，优选class切换而非JS直改，并注意Safari兼容性问题。
-
前端路由异步拦截核心是利用路由守卫配合Promise控制导航，确保权限校验、表单提示、数据预加载等关键操作完成后再跳转，并需超时控制与错误处理。
