FacebookとGoogleはどのようにhtmlセレクタIDとクラス名をランダム化しますか？例えば

Question

、

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

私はdevのバージョンは、人間が読める&コンテキストセレクタ名を含むであろうと確信しています。

私はその理由を理解することができます。理由については、Why do professional-made websites have odd #id and .class names?を参照してください。

私は方法の部分を理解しようとしています。 npmパッケージまたはjsライブラリは、名前を無作為化するのに役立ちます。

Answer 1

ランダムではありませんが、固定されていません。これらは通常、コンポーネントの識別やコンパイル/最適化の結果として使用され、実装固有のものです。

たとえば、正しく覚えていれば、Reactはコンポーネント識別用の要素に乱数値を持つdata-reactid属性を持っています。 Ractive.jsには、CSSスコープの目的で要素に32文字のハッシュ値を持つdata-ractive属性があります。 BEM CSSの命名規則には、簡単に数文字に集約できるクラス名構造の.block__element--modifierがあります。