Facebook和谷歌如何隨機化html選擇器ID和類名？

Question

例如，

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

我確定開發版本將包含人類可讀和上下文選擇器名稱。

我能理解為什么這部分。 為什么，請參考為什么專業制作的網站有奇怪的#id和.class名稱？

我想弄清楚它是怎么回事。 是否有一個npm包或js庫，可以幫助將名稱隨機化為prod版本。

Answer 1

它們不是隨機的，但它們也沒有固定。 它們通常用於組件識別或編譯/優化的結果，並且它是特定於實現的。

例如，如果我沒記錯的話，React具有data-reactid屬性，在元素標識的元素上具有隨機數值。 Ractive.js具有data-ractive屬性，在用於CSS作用域的元素上具有32個字符的哈希值。 BEM CSS命名約定有一個.block__element--modifier類名結構，可以很容易地壓縮成幾個字符。