MicroLighter 是个零依赖的代码高亮库,用的是浏览器新出的 CSS Custom Highlight API,不用像传统方案那样给每个词都塞一层 DOM 标签,而是直接用 CSS 伪元素来上色。目前支持四十多种语言,而且按需懒加载,将包体积降到最小。
点评:语法高亮这个领域已经被 Prism 和 highlight.js 等方案占据多年,MicroLighter 的创新在于使用 Custom Highlight API 这个相对新的浏览器能力,省掉 DOM 节点意味着大页面代码块的渲染开销和内存占用都能降下来。局限也很明显,这个 API 目前只在 Chromium 和 Safari 较新版本里支持,老浏览器或者需要兼容 IE 的场景用不了。