前端技术文章
-
- Less生成渐变背景代码教程
- Less无法运行时判断渐变类型，应通过分离的.linear()和.radial()宏分别封装，共用色标逻辑；方向/形状参数需严格区分，避免非法CSS。
- 文章 · 前端 | 2个月前 | 195浏览 收藏
-
- CSS滚动驱动动画怎么实现？scroll-timeline特效教程
- scroll-timeline需滚动容器、时间轴定义、动画绑定三者配合；Chrome/Edge115+原生支持，Firefox需开启flag且受限，Safari当前完全不支持。
- 文章 · 前端 | 2个月前 | 500浏览 收藏
-
- Node.js 多核负载均衡技巧
- 默认cluster.schedulingPolicy在macOS/Windows为SCHED_NONE，导致连接集中到首个worker；Linux为SCHED_RR故较均衡。应显式设置cluster.schedulingPolicy=cluster.SCHED_RR。
- 文章 · 前端 | 2个月前 | 466浏览 收藏
-
- Service Worker 实现离线表单重试方法
- ServiceWorker可拦截表单提交实现离线可靠提交：监听fetch事件识别POST请求，序列化数据存入IndexedDB；网络恢复后通过postMessage触发重试，最多3次；主页面显示队列状态并同步结果，服务端需幂等；文件上传需预处理为ArrayBuffer存储。
- 文章 · 前端 | 2个月前 | 154浏览 收藏
-
- 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()自适应截断。
- 文章 · 前端 | 2个月前 | 360浏览 收藏
-
- CSS Grid简写报错原因解析
- grid-template三段式语法必须严格按「区域定义行定义/列定义」顺序书写，缺一不可；引号为必需语法，点号占位未用单元格，Firefox对换行更敏感，斜杠/是关键锚点。
- 文章 · 前端 | 2个月前 | 357浏览 收藏
-
- HTML中CSS break-inside: avoid应用技巧
- break-inside:avoid仅在多列布局中对触发BFC的块级卡片容器生效，若父容器未设column-count/width、卡片非block/flow-root、含absolute/flex/grid或overflow:hidden，或浏览器为IE11，则会失效。
- 文章 · 前端 | 2个月前 | 386浏览 收藏
-
- HTML换行用br还是CSS更好？
- 在网页开发中，实现换行最常用的方法有两种：使用HTML的标签和通过CSS控制。一、标签是简单直接的换行方式，适合文字内容中的局部换行，如地址、诗歌等，但语义较弱，控制力差，不适合复杂布局；二、CSS实现换行更灵活，适合现代布局，可通过块级元素或white-space属性控制，结构清晰、样式可控，尤其适用于响应式设计；三、选择标准取决于场景：适用于简单文字换行，CSS更适合布局相关的换行，同时需注意富文本编辑器输出时的适配问题。两种方法各有优劣，合理选用可提升代码清晰度与维护性。
- 文章 · 前端 | 2个月前 | 275浏览 收藏
-
- V8 引擎如何优化 Symbol 属性哈希访问
- Symbol属性访问为O(1)：利用唯一ID直接定位槽位，跳过哈希计算与冲突处理；稳定使用（如顶层常量）可纳入隐藏类获固定偏移，动态生成则降级字典模式影响性能。
- 文章 · 前端 | 2个月前 | 453浏览 收藏
-
- 移动端z-index失效怎么解决？检查父元素position及层叠上下文
- 移动端z-index失效主因是父级创建了独立层叠上下文，而非数值过小；需检查position是否非static、向上排查触发上下文的父元素（如transform/opacity/filter），并用Portal/Teleport将浮层提至body。
- 文章 · 前端 | 2个月前 | 162浏览 收藏
