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

果核的这个网站技术栈是怎样的呢

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

    https://yyczxt.com

    先说想问的原因:

    是后端渲染的,但是某些组件又是用了 vue

    一部分代码:

    <body>
    <div class="flex1">
    
        <app-header></app-header>
        <div class="body container">
            <home-search></home-search>
            <app-original></app-original>
    
            <app-filter></app-filter>
            <div class="os-list" id="os-list">
    

    比如说:home-search ,app-filter

    因为他这样搞对 seo 非常好,但是又可以用到一些 现代化 的技术,比如 element-ui 的 select 的组件;

    是我梦想的想实现的方法

    第 1 条附言  ·  104 天前
    肯定不是单纯的 nuxt, nextjs 这种;

    如果你曾经看 nuxt 生成的 html 源代码,会发现是压缩过且杂乱无序的。
    第 2 条附言  ·  104 天前
    可能没说明白 ,我想要知道的是,像这种是不是有现的解决方案,比如框架之类的;


    我知道他是混杂的,后端应该是 php ,然后前端用了一些 web component (基于 vue );


    我其实想知道是的,我该如何实现类似的这种东西(最好是现在的方案),翻阅代码有:

    ```
    <script src="/static/js/main.min.js?v=1.3.6"></script>

    <link rel="stylesheet" href="/static/css/main.css?v=1.3.6">
    <link rel="stylesheet" href="/static/css/home.css?v=1.3.6">
    ```

    后面还有版本号,依我的直觉是后端 php+前端 view+前端 web component 是结合的比较好的(比如开发时热刷新,构建时还自动加了版本号);


    大家说的 web component ,vue ,php 渲染这些我都知道啊,问题是怎么有这种现成的方案?或者半现成的。


    难道是 laravel ?
    19 条回复    2024-08-09 17:25:34 +08:00
    iOCZS
        1
    iOCZS  
       105 天前
    后端渲染很容易啊,类似 PHP 这种 view 上直接打印数据就行了。element-ui 这种是前端渲染的。这两者可以共存的。
    dode
        3
    dode  
       105 天前
    浏览器的原生组件
    musi
        4
    musi  
       105 天前 via iPhone
    web component ? seo 不认这种标签吧
    flypei
        5
    flypei  
       105 天前
    这个网站很红吗?我经常看到它相关的帖子
    apkapb
        6
    apkapb  
    OP
       105 天前
    @musi #4 只有极少部分是 web compoent ,其余是自学的标签
    apkapb
        7
    apkapb  
    OP
       105 天前
    @iOCZS #1 我的意思是能 web component 和其它后端框架结合是怎么搞的,因为你看 html 代码,他有一个 main.js 文件,里面包含了 web component 依赖的 js 框架(比如 vue 之类的)

    然后,还和正常的渲染结合在一起了,我觉得应该是有现成的框架的
    apkapb
        8
    apkapb  
    OP
       105 天前
    @bojackhorseman #2 我的意思是能 web component 和其它后端框架结合是怎么搞的,因为你看 html 代码,他有一个 main.js 文件,里面包含了 web component 依赖的 js 框架(比如 vue 之类的)

    然后,还和正常的渲染结合在一起了,我觉得应该是有现成的框架的
    uov
        9
    uov  
       105 天前 via Android
    我也想弄个这样的 可我不会
    bagel
        10
    bagel  
       104 天前
    vue 本身就支持 web component: https://vuejs.org/guide/extras/web-components
    这网站没啥特殊的吧,而且禁用 js 后它都显示不出来,说明压根没认真做 SSR 。
    chenxuuu
        11
    chenxuuu  
       104 天前
    musi
        12
    musi  
       104 天前 via iPhone
    iOCZS
        13
    iOCZS  
       104 天前
    SSR 是给爬虫看的,根本不需要做的跟前端最终渲染的结果那样,我觉得对此存在误解才是根本原因。
    qbmiller
        14
    qbmiller  
       104 天前
    bbs-go 参考这个开源项目。 我现在博客也是用的它搭建的。 admin + 后端 nodejs 渲染
    arfaWong
        15
    arfaWong  
       104 天前
    nuxt ,vue 的 ssr 框架
    ciovwx
        16
    ciovwx  
       104 天前
    代果核评论:
    考虑到要做 SEO ,并且不想使用 SSR ,所以我们使用了混合开发。
    其实那些组件,像你说的<app-header></app-header>这种标签,对于 SEO 是无关紧要的,所以把他抽成了单独的组件,使用 Vue 渲染的时候,挂载到这个组件上就行了。
    然后一些关键的信息,会使用原生标签,例如 h1 ,和文章介绍内容那样。
    实现方法倒是不难,PHP 输出这些内容,然后等待 JS 加载完成后,渲染自定义组件。这样就能使用 Vue 的一些组件库了,比较方便。
    fionasit007
        17
    fionasit007  
       104 天前
    @ciovwx 只能说贴主想多了哈哈
    bagel
        18
    bagel  
       104 天前
    @iOCZS SEO 优化只是 SSR 想解决的问题之一,另外要解决的一大问题还有首页渲染速度,完善的 SSR 必然要做到 isomorphic 。
    很明显这网站就是手搓了一个混杂的方案,楼主不熟悉前端技术以为是啥高精尖。
    iOCZS
        19
    iOCZS  
       104 天前
    @bagel 的确,上次见到一个众包,要把 showdoc 帮助文档做成 SSR ,开始一顿说这多难,官方花钱请人搞的。结果我一看,不就 php 随便打印了一下而已嘛。结果发包的最终还招人做了两个月,实现了他们预想的 SSR ,完全没必要这么麻烦。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3015 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 13:23 · PVG 21:23 · LAX 05:23 · JFK 08:23
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.