Facebook 和 google 如何随机化 html 选择器 id 和类名？

Question

例如，

<div class="_4-u2 _1qby focus_target _4-u8" id="rc.u_0_x"></div>

我确信开发版本将包含人类可读和上下文选择器名称。

我可以理解为什么部分。原因请参考Why do professional-made websites have odd #id and .class names?

我正试图弄清楚如何部分。是否有一个 npm 包或 js 库可以帮助将名称随机化为产品版本。

Answer 1

它们不是随机的，但也不是固定的。它们通常用于组件识别或编译/优化的结果，并且是特定于实现的。

例如，如果我没记错的话，React 有data-reactid 属性，在元素上带有一个随机数值用于组件识别。 Ractive.js 具有 data-ractive 属性，在元素上具有 32 个字符的哈希值，用于 CSS 作用域。 BEM CSS 命名约定有一个.block__element--modifier 类名结构，可以很容易地压缩成几个字符。