-
Docusaurus不解析纯HTML文件，需将HTML重写为MDX：静态内容转Markdown，内联样式改用注释或CSS类，JS行为替换为官方插件或组件，链接改为相对路径.md，资源移至static/并更新引用路径，导航与多语言需配置驱动。410 收藏 -
策略模式用于解耦支付逻辑与平台差异，而非动态切换SDK；应预初始化各平台SDK单例并缓存，统一返回POJO、异常及回调验签逻辑，避免状态污染与线程安全问题。407 收藏 -
border会让元素偏移1px，因其占据真实布局空间、改变宽高且参与文档流计算；outline不占空间但无圆角等限制；伪元素方案最可控但需注意定位和缩放；根本原因常是盒模型混用或默认样式未重置。487 收藏 -
z-index必须用语义化变量统一管理，禁止魔法数字；按组件功能命名（如@z-modal）、预留数值间隙、避免跨模块复用同名变量，并注意层叠上下文对z-index的限制。259 收藏 -
推荐以rem为主、vw为辅，关键标题用clamp(1.125rem,4vw,1.5rem)控制字号范围，正文统一用1rem配合:root动态调整根字号，并为clamp()提供fallback降级，同时line-height用无单位值、letter-spacing用em保证缩放一致性。359 收藏 -
本文详解如何实现一个类似ChatGPT的搜索输入框，支持多行内容自动扩展、图标始终垂直居中对齐，并在内容增长时保持图标位置稳定不偏移。360 收藏 -
相邻兄弟选择器（+）可实现无JS的元素联动，要求触发元素与目标元素同级且紧邻，通过:checked、:hover等状态控制后续元素样式，但无法反向选择或跨层级匹配。468 收藏 -
自动化部署通过GitHubActions实现CI/CD，1.创建.yml工作流文件定义步骤；2.使用SSH密钥安全传输文件至服务器；3.按分支设置触发条件区分环境；4.添加缓存与错误处理提升效率。291 收藏 -
JavaScript中map和reduce是核心高阶函数：map实现“一对一映射”，返回新数组；reduce实现“归约聚合”，返回单一值；二者均不修改原数组，支持不可变数据流与链式组合，但需避免回调中的副作用。163 收藏 -
Flex容器内不应混用浮动元素，因其会脱离文档流导致对齐失效；应改用margin-left:auto、flex-wrap等flex原生方案，或通过BFC隔离浮动上下文。140 收藏 -
HTML站点地图对爬虫抓取完全无影响，它仅作为用户导航页存在，不被搜索引擎解析；爬虫只识别sitemap.xml，二者必须严格分离，且XML站点地图的质量才真正影响抓取效率。445 收藏 -
可行，但需配合min-height:100vh、html/body设height:100%、header/footer用flex:00h、main用flex:1（即flex:110）并设overflow-y:auto，否则页脚塌陷或滚动异常。430 收藏 -
双飞翼布局解决IE6/7下圣杯布局负margin兼容缺陷，实现中间内容优先渲染、侧边栏固定宽、主内容自适应；其核心是main用margin预留空间并配合position:relative微调，main-wrap与main双层嵌套不可省略。439 收藏 -
Vue的provide/inject支持主题变量跨层级透传，需注入响应式对象（如reactive或ref）；覆盖默认主题应在app.mount()前用app.provide()替换，并同步更新CSS变量以确保样式生效。139 收藏 -
设grid-template-rows:50vh1fr，父容器需有明确高度（如height:100vh）；首项加align-items:start防拉伸，避免height:100%；响应式下vh有兼容性问题，建议JS动态计算或用CSS变量。414 收藏
