使用正则表达式提取字符串中的数字

正则表达式提取数字，关键在于根据场景需求选择合适模式：用d+获取连续数字块；需兼顾符号和小数时，-d+.d*虽有效但需后处理；严格匹配浮点数则用-d+.d+更精

2026-07-20

HTML外链安全标记统一自动化工具

在维护包含大量静态HTML的网站系统时，常见难题是如何统一为所有外部链接添加rel="noopenernoreferrer"。这一问题看似简单，实际落地过程中却存在诸多难点与陷阱

2026-07-20

SCSS实现CSS长文本折断与强制换行兼容性写法

长文本折断与强制换行：CSS方案不可混用长文本折断（多行省略）和强制换行是两个不同的CSS控制目标，不能依赖同一套样式规则同时实现。使用SCSS封装时，必

2026-07-20

CSS实现图片超出高度限制自动裁剪顶部底部

通过设置容器最大高度、隐藏溢出内容，并配合object-fit:cover，可让图片在高度超限时自动等比缩放并裁剪上下边缘，保持视觉饱满且无留白。CSS图片裁剪的核心

2026-07-20

每帧都正确：UI动画为什么影响用户信任

Wayland有一句很有名的话：“每一帧都应当完美。”这句话原本是针对现代GPU图形栈里的技术一致性说的，但放在应用界面上，道理完全一样。判断方法其实很简单：在

2026-07-20

HTML屏幕阅读器可访问性兼容方案

先说一个核心结论：原生语义标签才是屏幕阅读器可访问性最可靠的基石。用这个例子来说，它天然就支持焦点管理、空格和回车键触发、禁用状态跳过，以及状态同步

2026-07-20

HTML表格边框重叠：border-spacing属性详解

border-collapse:collapse是控制表格边框合并的开关，这个属性必须直接作用在table元素上才有效。一旦启用，相邻边框就会按照宽度、样式、声明顺序的优先级合并

2026-07-20

自动化生成印刷级PDF：HTML排版与工程落地

先说一个核心判断：真正能用于印刷级输出的PDF，并非浏览器“另存为”所得，而是通过WeasyPrint或Playwright的page.pdf()这类工具生成的矢量文档。前者支

2026-07-20

HTML代码审查：快速识别并拦截低可访问性设计

可访问性这东西，说难也不难，但一不留神就会踩坑。我们聊一聊在代码审查时，怎么快速锁定那些“看不见”的坑。先说几个核心判断：真正让辅助技术“罢工”的，往往

2026-07-20

Vue+Three.js实现人物奔跑3D场景

实现效果说明先来看看最终效果，心里有个底：人物模型调用了内置的跑步骨骼动画，原地循环播放，动作流畅自然。一个巨大的草坪平面持续向后平移，视

2026-07-20

网页模板化开发：通用HTML文档结构提取方法

说起来，很多开发者刚开始接触网页模板化时，都会犯一个常识性错误：直接把写好的HTML复制粘贴到新文件里，以为这就是“模板复用了”。但问题就出在这里。你

2026-07-20

HTML表格rules属性用法与边框控制

说实话，这个问题几乎每个用过的开发者都碰上过——明明在上老老实实写了rules="all"，结果浏览器跟没看见一样，啥反应都没有。问题几乎都出在同一个地

2026-07-20

如何利用HTML表格制作简单抽奖界面？固定行列布局逻辑

抽奖界面这事儿，看着简单，但真要做得可靠、可维护，里头有不少坑。特别是用HTML表格来做，很多人第一反应是用CSSGrid或者Flexbox糊一个网格，觉得“看起来像表格

2026-07-20

async函数中处理Promise挂起状态

在async函数里，Promise的pending状态就像一个看不见的“黑箱”——你不能直接伸手进去探测它，也干预不了它。说到底，它只是个中间态，async/await自己会搞

2026-07-20

HTML表格内容左对齐代码示例

谈到HTML表格中内容的对齐方式，很多人第一反应是“默认居中”——其实这是一个常见的误解。严格来说，默认是左对齐的，而才是居中对齐。如果笼统地说“

2026-07-20