-
CSS text-wrap: balance 可以让短标题在多行显示时尽量均衡每行长度,减少最后一行过短的情况。本文说明它在标题和卡片中的写法、兼容降级,以及与 pretty、nowrap 的取舍。
-
ResizeObserver 回调里直接改尺寸,容易触发布局反馈和连续通知。本文用 pending 标记、requestAnimationFrame 与 applyLayout 拆开读写阶段,说明如何定位循环回调并保留可验收的布局更新链路。
-
JavaScript Promise.any 会忽略先失败的候选,返回第一个 fulfilled 值;本文用原创示例说明调用方式、AggregateError 处理、输入顺序与和 Promise.race、Promise.all 的边界。
-
讲清 ReadableStream 如何用 reader 逐块读取响应、用 TextDecoder 保持字符完整,并在消费变慢、提前结束和异常时正确处理背压与 cancel。
-
开启 TypeScript noUncheckedIndexedAccess 后,数组下标读取会带上 undefined。本文按规则、循环、索引判断和迁移边界说明怎样选择 for-of、边界检查、默认值与非空断言。
-
联合类型(Union Types)允许通过管道(|)为变量声明多种可选类型,这意味着在实际赋值时,只要值符合已设定的任意一种类型,就可以正常使用。 注意:这里必须赋值为指定类型,换成其他类型,系统就会直接报错。 创建联合类型的语法格式如下: Type1|Type2|Type3 实例 声明一个联合类型
-
CSS sibling-index() 可以读取元素在同一父节点兄弟元素中的位置,并直接参与 calc() 生成递增的 animation-delay。本文从 DOM 顺序、动画步长、prefers-reduced-motion、@supports 和 nth-child() 降级几个环节说明如何在动态列表中减少手写编号,同时保留旧环境的基础样式。
-
https://segmentfault.com/a/今天科创50涨了6个点,芯片股疯涨,看得我心痒痒。不过咱是搞技术的,还是聊聊本行。最近在做一个跨境电商平台的性能优化,踩了不少坑,今天分享出来,给大家避避雷。先把背景交代清楚。这个平台做的是反向海淘,核心用户群体是海外华人,业务高峰期的日活能到小
-
CSS hyphens:auto 不是只看 CSS 属性值,浏览器还要根据 HTML 的 lang 选择语言规则与词典。本文说明正确标注语言、处理混合文本、使用 manual 断点,以及排查断词不生效的方法。
-
用 :focus-visible 区分键盘导航与鼠标点击下的焦点提示,保留键盘可达性,并通过 @supports 为旧浏览器提供有限回退。
-
Promise.withResolvers 把 Promise 的 resolve 和 reject 暴露出来,适合事件桥接、超时控制和一次性完成的异步流程。本文用最小示例拆解重复完成、异常传播、取消与资源清理边界。
-
用 Intl.Segmenter 按用户感知的词、句和字素边界处理中英文标题截断,讲清中文分词、emoji、浏览器能力检测与稳定降级方案。
-
Intl.Segmenter 可以根据 locale 和 granularity 按 grapheme、word 或 sentence 切分文本。本文用统一函数处理中文、日文和带空格语言,并说明 isWordLike、UTF-16 index、能力探测与保守回退。
-
用 keyof 把对象键收束为字面量联合,再用 K extends keyof T 与 T[K] 绑定动态属性读取的输入和返回值;同时说明可选属性、运行时字符串和索引签名的边界。
-
Cache API 的匹配不是简单的路径字符串比较。本文围绕 Cache.match() 说明 URL、请求方法、Vary 请求头和匹配选项怎样共同决定缓存条目,并给出带命中率记录的完整 Request 示例。