-
CSS hyphens:auto 不是只看 CSS 属性值,浏览器还要根据 HTML 的 lang 选择语言规则与词典。本文说明正确标注语言、处理混合文本、使用 manual 断点,以及排查断词不生效的方法。
-
document.fonts.check() 返回 true 只表示当前字体规格可以避免使用未加载字体完成渲染,不等于指定字体文件已经下载。本文用 document.fonts.load、FontFace.status 和真实字符样本拆解误判原因与排查方案。
-
document.fonts.load 可按字体家族、字重和文本等待匹配字体集合。本文对比 load、ready 与 check,提供标题字体等待及超时处理示例,并解释空数组、字形覆盖与迟到请求的边界。
-
CSS hanging-punctuation 可以把行首的开括号或引号、行尾的闭括号或引号,以及符合条件的逗号和句号放到行框外侧。本文从三类标点位置出发,说明 first、last、allow-end 的组合方式,并解释浏览器支持和布局条件带来的显示差异。
-
CSS text-emphasis 是给文字添加着重标记的简写属性。本文从最小用法开始,说明 filled、open、dot、circle、sesame 和自定义单字符的选择,再解释颜色、位置、继承、行高影响以及保留普通文本可读性的降级思路。
-
CSS 可用 font-synthesis-weight:none 单独禁止伪粗体,也可用 font-synthesis:none 整体关闭合成。本文说明真实字重资源、继承和简写覆盖,并给出双字重配置及兼容处理示例。
-
表格数字左右不齐时,font-variant-numeric: tabular-nums 可以请求当前字体提供等宽数字字形。本文从 text-align、固定列宽和数字字形的区别出发,给出数字列的最小 CSS、统一检查样本,以及字体不支持和继承范围的处理边界。
-
Intl.Locale 的 maximize() 可以依据语言标签补出最可能的脚本和地区子标签。本文从 zh、en 等不完整 Locale 的常见表现出发,说明如何读取 baseName、script、region,如何保留 -u 扩展标签,以及何时使用 minimize()。
-
Intl.DisplayNames 可以按 locale 和 type 把语言、地区、脚本代码转换成用户能读懂的名称。本文用最小示例说明构造器、supportedLocalesOf、of() 以及语言切换时的实例管理。
-
弹窗锁定页面滚动时,经典滚动条消失会改变内容区宽度。本文用 scrollbar-gutter: stable 固定滚动条槽位,并说明嵌套滚动容器、both-edges 与旧环境 JavaScript 补偿的边界。
-
Intl.ListFormat 可以按 locale、style 和 type 自动生成自然的并列文本。本文从普通 format 到 formatToParts,说明语言切换、逐项渲染和 formatter 复用应该怎样选择。
-
用 Intl.Locale.getWeekInfo 读取地区的首日、周末日和最小周数规则,解决 Date.getDay 编号差异与旧浏览器兼容问题。
-
Intl.DurationFormat 可将 hours、minutes、seconds 等时长字段格式化为指定语言的文本。本文给出样式选择、运行时检测与中文降级示例,并说明输入整数、零单位和本地化字符串的处理边界。
-
JavaScript 的 getClientRects() 返回多个矩形,通常是因为元素是跨多行的行内元素,每一行都有自己的 CSS border box。本文说明 DOMRect 的视口坐标、滚动影响、空列表与零尺寸矩形的区别,并给出与 getBoundingClientRect() 的选择方法。
-
CSS.registerProperty() 可以为自定义属性声明语法类型、继承策略和初始值,让颜色、长度等值更适合参与 CSS transition。本文用原创示例说明四个字段、动画接法、重复注册异常和兼容性降级。