前端技术文章
-
- 正则贪婪与惰性匹配技巧详解
- 贪婪模式追求最长匹配，惰性模式追求最短匹配；前者默认量词（*、+、?、{n,m}）从长到短回溯试探，后者加?后从短到长扩展匹配；适用场景取决于需“抓整体”还是“抠局部”。
- 文章 · 前端 | 1个月前 | 153浏览 收藏
-
- CSS变量实现组件颜色自适应布局
- CSS变量需定义在祖先元素（如:root）才能自然继承，子组件用var(--color-primary)直接获取；避免内联样式、scoped样式覆盖或ShadowDOM阻断；fallback用标准颜色值，主题切换优先修改:root变量以避免重排。
- 文章 · 前端 | 1个月前 | 346浏览 收藏
-
- CSS实现自适应导航条隐藏与显示，变量存储头部高度
- 必须用CSS变量存头部高度，因为JavaScript动态获取的offsetHeight会受缩放、字体加载、行高变化影响而波动，硬编码像素值易错位；CSS变量能将真实渲染高度同步给CSS，确保transform或margin-top精准抵消占位。
- 文章 · 前端 | 1个月前 | 202浏览 收藏