前端技术文章
-
- HTML书架网格布局详解【超详细】
- 用CSSGrid实现响应式书架网格的核心是grid-template-columns:repeat(auto-fit,minmax(240px,1fr))，配合gap:1.5rem、卡片内flex-column布局、封面图aspect-ratio:2/3+object-fit:cover、交互仅用transform/opacity避免重排，以及文字用-webkit-line-clamp和clamp()自适应截断。
- 文章 · 前端 | 4星期前 | 360浏览 收藏
-
- CSS Grid简写报错原因解析
- grid-template三段式语法必须严格按「区域定义行定义/列定义」顺序书写，缺一不可；引号为必需语法，点号占位未用单元格，Firefox对换行更敏感，斜杠/是关键锚点。
- 文章 · 前端 | 4星期前 | 357浏览 收藏
-
- HTML中CSS break-inside: avoid应用技巧
- break-inside:avoid仅在多列布局中对触发BFC的块级卡片容器生效，若父容器未设column-count/width、卡片非block/flow-root、含absolute/flex/grid或overflow:hidden，或浏览器为IE11，则会失效。
- 文章 · 前端 | 4星期前 | 386浏览 收藏
-
- HTML换行用br还是CSS更好？
- 在网页开发中，实现换行最常用的方法有两种：使用HTML的标签和通过CSS控制。一、标签是简单直接的换行方式，适合文字内容中的局部换行，如地址、诗歌等，但语义较弱，控制力差，不适合复杂布局；二、CSS实现换行更灵活，适合现代布局，可通过块级元素或white-space属性控制，结构清晰、样式可控，尤其适用于响应式设计；三、选择标准取决于场景：适用于简单文字换行，CSS更适合布局相关的换行，同时需注意富文本编辑器输出时的适配问题。两种方法各有优劣，合理选用可提升代码清晰度与维护性。
- 文章 · 前端 | 4星期前 | 275浏览 收藏
-
- V8 引擎如何优化 Symbol 属性哈希访问
- Symbol属性访问为O(1)：利用唯一ID直接定位槽位，跳过哈希计算与冲突处理；稳定使用（如顶层常量）可纳入隐藏类获固定偏移，动态生成则降级字典模式影响性能。
- 文章 · 前端 | 4星期前 | 453浏览 收藏
-
- 移动端z-index失效怎么解决？检查父元素position及层叠上下文
- 移动端z-index失效主因是父级创建了独立层叠上下文，而非数值过小；需检查position是否非static、向上排查触发上下文的父元素（如transform/opacity/filter），并用Portal/Teleport将浮层提至body。
- 文章 · 前端 | 4星期前 | 162浏览 收藏
