-
直接cat合并HTML会破坏结构，正确做法是用BeautifulSoup提取首个文件的head和所有文件的body内容拼接，避免重复标签、ID冲突及JS/CSS路径错误。
-
:valid无法直接触发input的::after图标，因input是替换元素，不支持伪元素；需用label包裹并借助属性选择器联动状态。
-
align-items:stretch默认生效但需满足前提：容器交叉轴尺寸明确、子项未设固定高度或覆盖对齐方式、flex-direction为row时才实现列等高，IE11存在兼容性缺陷。
-
Redux中间件通过三层函数结构拦截action，在dispatch前后插入日志、异步等逻辑，利用compose形成洋葱模型，从左到右执行进入流程，再逆序返回，从而增强dispatch而不改变store本身。
-
JavaScript异步编程关键在理解回调的调用时机、执行主体和上下文；回调是被宿主环境主动调用的参数函数，需避免立即执行错误；回调地狱本质是控制流失控，应拆解为具名函数或升级为Promise/async-await；封装回调API为Promise是必备技能，须注意error-first约定和this绑定。
-
Bootstrap适合快速开发和组件统一，TailwindCSS提供高度定制和灵活构建，Foundation适用于传统企业项目；根据团队技能与项目需求选择。
-
mask-image失效主因是三方面：需检查图片加载与CORS、元素必须有可绘制内容、Firefox要求SVGmask内fill明确；渐变蒙版须用luminance模式并避免rgba；clip-path优先于mask-image执行。
-
直接用atob()解密前端配置大概率报错或乱码，因混淆字符串常不满足Base64标准：需先补全=、还原-/_为+/、清理干扰字符；再将atob()结果转Uint8Array并用TextDecoder("utf-8")解码；最后挂载到window.__CONFIG__或异步注入并校验。
-
不会——gap不增加容器总宽度，但会撑开gridtrack间距；当width固定、box-sizing未生效、padding存在时，contentarea缩小易致视觉溢出。
-
style标签写在HTML底部就能覆盖外部CSS吗不能直接靠位置决定覆盖，关键看选择器权重和是否加!important。把放在前面，只是让它加载晚，但若选择器权重不够，照样被外部样式表里更具体的规则压住。浏览器解析CSS时，先收集所有规则，再按「源顺序+选择器权重」统一计算优先级，不是“后写的一定赢”内的规则和外部CSS属于同一层来源（authorstylesheet），权重对比规则完全一致真正起效的常见做法是：用更具体的选择器，比如把.btn改成body.contai
-
CSScolor属性支持6类原生格式：颜色关键字、HEX（含#RRGGBBAA）、RGB/RGBA、HSL/HSLA、transparent和currentColor；现代浏览器全支持，IE对HSLA/RGBA/#RGBA不兼容。
-
<map>标签必须配合<img>的usemap属性且与<map>的name严格匹配才能生效；coords值依shape类型而定，原点为图片左上角，不响应CSS缩放；<area>支持href、target等链接属性，alt不可省略；响应式下需改用SVG或绝对定位方案。
-
优先选用GanttMaster或gantt-elastic等成熟库而非原生Canvas手写甘特图，因其已解决时间映射、缩放适配、拖拽依赖、跨浏览器滚动等隐性难题；Canvas方案需自行处理时区、坐标反查、导出打印等高维护成本问题。
-
mark是唯一传达“上下文相关高亮”语义的元素，仅适用于搜索关键词、文档引用术语、代码示例修改部分三类场景；误用会导致语义丢失、可读性下降或XSS风险。
-
用$spacersmap配@each生成边距工具类，键为语义名、值为带单位长度；margin/padding应分层map管理；响应式按需生成，方向控制用嵌套$sidesmap，单位须统一且注明约束。
