javascript - 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 类名称结构，可以轻松地将其压缩为几个字符。