V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
GeekHub
inktiger
V2EX  ›  程序员

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

  •  
  •   inktiger · 35 天前 · 1230 次点击
    这是一个创建于 35 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    img

    13 条回复    2020-08-15 06:42:18 +08:00
    way2explore2
        1
    way2explore2   35 天前   ❤️ 1
    因为他们用 react
    inktiger
        2
    inktiger   35 天前
    @way2explore2 噢噢,原来是这样,感谢感谢
    ayase252
        3
    ayase252   35 天前 via iPhone
    webpack 构建的时候 css-loader hash 一下
    sjhhjx0122
        4
    sjhhjx0122   35 天前
    webpack 打包的时候 hash 了一下
    w3313003
        5
    w3313003   35 天前
    css-module
    momocraft
        6
    momocraft   35 天前
    各种 css-in-js 或者 css module
    zhuweiyou
        7
    zhuweiyou   35 天前
    这不是“人工”写上去的,工具处理成这样的,是为了不同文件用重复的 class 名,不会冲突。
    hb751968840
        8
    hb751968840   35 天前
    vue 的 scope 和 css in js
    P233
        9
    P233   35 天前
    facebook 网站上这个还不太一样, 一个 css 属性, 对应一个 class,atomic css
    HFX3389
        10
    HFX3389   35 天前   ❤️ 1
    这种网页对爬虫是不是不怎么友好~~
    tao1991123
        11
    tao1991123   35 天前
    css-module
    MegrezZhu
        12
    MegrezZhu   35 天前   ❤️ 1
    从目的角度来说,有的网站这么做是为了给 adblock 用户添堵…
    joeybuddy
        13
    joeybuddy   35 天前
    styled-components 也是这个效果。好处就是不需要费脑子去想样式名称并且作为组件不容易有样式污染。而且在组件化开发的时候,组件名称本身表示了语义化的信息,费力给 CSS 起名字有点累赘
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2666 人在线   最高记录 5168   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 33ms · UTC 02:34 · PVG 10:34 · LAX 19:34 · JFK 22:34
    ♥ Do have faith in what you're doing.