现在那种前端网页页面 className 看起来是随机的是如何实现的

2020 年 8 月 14 日
 inktiger

我是一名后端，今天在 facebook 源代码看到页面的 className 感觉全是随机取的，好像近来这种方式的网站不少，这个是如何实现的呢？这种对 seo 友好吗，这种做法有什么好处和坏处呢

3728 次点击
所在节点    程序员
13 条回复
way2explore2
2020 年 8 月 14 日
因为他们用 react
inktiger
2020 年 8 月 14 日
@way2explore2 噢噢，原来是这样，感谢感谢
ayase252
2020 年 8 月 14 日
webpack 构建的时候 css-loader hash 一下
linkopeneyes
2020 年 8 月 14 日
webpack 打包的时候 hash 了一下
w3313003
2020 年 8 月 14 日
css-module
momocraft
2020 年 8 月 14 日
各种 css-in-js 或者 css module
zhuweiyou
2020 年 8 月 14 日
这不是“人工”写上去的，工具处理成这样的，是为了不同文件用重复的 class 名，不会冲突。
hb751968840
2020 年 8 月 14 日
vue 的 scope 和 css in js
P233
2020 年 8 月 14 日
facebook 网站上这个还不太一样， 一个 css 属性， 对应一个 class，atomic css
HFX3389
2020 年 8 月 14 日
这种网页对爬虫是不是不怎么友好~~
tao1991123
2020 年 8 月 14 日
css-module
MegrezZhu
2020 年 8 月 14 日
从目的角度来说，有的网站这么做是为了给 adblock 用户添堵…
joeybuddy
2020 年 8 月 15 日
styled-components 也是这个效果。好处就是不需要费脑子去想样式名称并且作为组件不容易有样式污染。而且在组件化开发的时候，组件名称本身表示了语义化的信息，费力给 CSS 起名字有点累赘

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://study.congcong.us/t/698280

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX