javascript - 随机生成的类名叫什么？

Question

我看到很多网站正在做的事情是让类名看起来是随机的。我敢肯定它们在后端并不是真正随机的，但是在前端查看类的名称，它会以这种方式出现。一些网站这样做:

https://google.com https://toptal.com

这是一个例子:

<div class="_1bjWP7av"></div>

这是如何实现的？

Answer 1

在前端开发中，通常使用BEM这样的CSS命名约定。以描述性标准命名 CSS 类和 ID。这些 CSS 类可能相当长，具体取决于父元素的名称等等。我在开发人员代码中看到 CSS 类长约 40 个字符。对于足够大的网络应用程序，它们分散在整个代码中。这些额外的字符会增加 CSS、HTML、JS 等文件的大小(对于足够大的应用程序来说会增加相当大的数量)。

作为“生产”构建的一部分，像 Angular 这样的框架会“缩小”和“丑化”代码以使其占用空间更小。通过删除空格、更改变量名称、函数名称、CSS 名称等，用户需要下载/缓存的代码大小会大大减少。我无法确切地说出 Google 和 Toptal 在做什么，但他们都在使用 Angular，因此他们可能正在利用这种 angular-cli 生产模式构建来减少占用空间。如果我没记错的话，也可以通过 Webpack 使用 css-loader 完成同样的操作。