前端技术文章
-
-
Node.js 多核负载均衡技巧
-
默认cluster.schedulingPolicy在macOS/Windows为SCHED_NONE,导致连接集中到首个worker;Linux为SCHED_RR故较均衡。应显式设置cluster.schedulingPolicy=cluster.SCHED_RR。
-
文章 ·
前端
| 1个月前 |
466浏览
收藏
-
-
Service Worker 实现离线表单重试方法
-
ServiceWorker可拦截表单提交实现离线可靠提交:监听fetch事件识别POST请求,序列化数据存入IndexedDB;网络恢复后通过postMessage触发重试,最多3次;主页面显示队列状态并同步结果,服务端需幂等;文件上传需预处理为ArrayBuffer存储。
-
文章 ·
前端
| 1个月前 |
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()自适应截断。
-
文章 ·
前端
| 1个月前 |
360浏览
收藏
-
-
CSS Grid简写报错原因解析
-
grid-template三段式语法必须严格按「区域定义行定义/列定义」顺序书写,缺一不可;引号为必需语法,点号占位未用单元格,Firefox对换行更敏感,斜杠/是关键锚点。
-
文章 ·
前端
| 1个月前 |
357浏览
收藏
-
-
HTML中CSS break-inside: avoid应用技巧
-
break-inside:avoid仅在多列布局中对触发BFC的块级卡片容器生效,若父容器未设column-count/width、卡片非block/flow-root、含absolute/flex/grid或overflow:hidden,或浏览器为IE11,则会失效。
-
文章 ·
前端
| 1个月前 |
386浏览
收藏
-
-
HTML换行用br还是CSS更好?
-
在网页开发中,实现换行最常用的方法有两种:使用HTML的标签和通过CSS控制。一、标签是简单直接的换行方式,适合文字内容中的局部换行,如地址、诗歌等,但语义较弱,控制力差,不适合复杂布局;二、CSS实现换行更灵活,适合现代布局,可通过块级元素或white-space属性控制,结构清晰、样式可控,尤其适用于响应式设计;三、选择标准取决于场景:适用于简单文字换行,CSS更适合布局相关的换行,同时需注意富文本编辑器输出时的适配问题。两种方法各有优劣,合理选用可提升代码清晰度与维护性。
-
文章 ·
前端
| 1个月前 |
275浏览
收藏
-
-
-