2023-03-21 · HTML
什么时候该用原生 dialog 元素
原生焦点捕获、Esc 关闭和 ::backdrop,以及仍然需要 JavaScript 的场景。
前言
从可访问性、滚动锁定和浏览器差异三个方面,对比原生 dialog 与手写的模态框。
现场笔记
在处理 HTML 问题的过程中,反复出现的几个模式:
- 简单的版本撑过了每次重构,聪明的版本没有。
- 边做边写的文档,比事后补写的耐用得多。
- 同一个问题第二次出现时,它就已经是一个模式了——给它起个名字。
可以直接抄的检查清单
- 问题可以用一条命令复现。
- 修复附带一个没有它就会失败的测试。
- 作者本人之外的人也在自己的机器上跑过。
写在最后
写下未来那个自己真正会读的短版本——这就是全部的诀窍。