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

145 天前
 apkapb

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 的组件；

是我梦想的想实现的方法

3165 次点击
所在节点    程序员
19 条回复
iOCZS
145 天前
后端渲染很容易啊，类似 PHP 这种 view 上直接打印数据就行了。element-ui 这种是前端渲染的。这两者可以共存的。
bojackhorseman
145 天前
https://developer.mozilla.org/en-US/docs/Web/API/Web_components
dode
145 天前
浏览器的原生组件
musi
145 天前
web component ？ seo 不认这种标签吧
flypei
145 天前
这个网站很红吗？我经常看到它相关的帖子
apkapb
145 天前
@musi #4 只有极少部分是 web compoent ，其余是自学的标签
apkapb
145 天前
@iOCZS #1 我的意思是能 web component 和其它后端框架结合是怎么搞的，因为你看 html 代码，他有一个 main.js 文件，里面包含了 web component 依赖的 js 框架（比如 vue 之类的）

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

然后，还和正常的渲染结合在一起了，我觉得应该是有现成的框架的
uov
145 天前
我也想弄个这样的 可我不会
bagel
145 天前
vue 本身就支持 web component： https://vuejs.org/guide/extras/web-components
这网站没啥特殊的吧，而且禁用 js 后它都显示不出来，说明压根没认真做 SSR 。
chenxuuu
145 天前
https://sm.ms/image/5Mknxmozcp7a4KU
musi
145 天前
@apkapb #6 https://cn.vuejs.org/guide/extras/web-components.html
貌似你不喜欢看文档
iOCZS
145 天前
SSR 是给爬虫看的，根本不需要做的跟前端最终渲染的结果那样，我觉得对此存在误解才是根本原因。
qbmiller
145 天前
bbs-go 参考这个开源项目。 我现在博客也是用的它搭建的。 admin + 后端 nodejs 渲染
arfaWong
144 天前
nuxt ，vue 的 ssr 框架
ciovwx
144 天前
代果核评论：
考虑到要做 SEO ，并且不想使用 SSR ，所以我们使用了混合开发。
其实那些组件，像你说的<app-header></app-header>这种标签，对于 SEO 是无关紧要的，所以把他抽成了单独的组件，使用 Vue 渲染的时候，挂载到这个组件上就行了。
然后一些关键的信息，会使用原生标签，例如 h1 ，和文章介绍内容那样。
实现方法倒是不难，PHP 输出这些内容，然后等待 JS 加载完成后，渲染自定义组件。这样就能使用 Vue 的一些组件库了，比较方便。
fionasit007
144 天前
@ciovwx 只能说贴主想多了哈哈
bagel
144 天前
@iOCZS SEO 优化只是 SSR 想解决的问题之一，另外要解决的一大问题还有首页渲染速度，完善的 SSR 必然要做到 isomorphic 。
很明显这网站就是手搓了一个混杂的方案，楼主不熟悉前端技术以为是啥高精尖。
iOCZS
144 天前
@bagel 的确，上次见到一个众包，要把 showdoc 帮助文档做成 SSR ，开始一顿说这多难，官方花钱请人搞的。结果我一看，不就 php 随便打印了一下而已嘛。结果发包的最终还招人做了两个月，实现了他们预想的 SSR ，完全没必要这么麻烦。

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

https://www.v2ex.com/t/1063551

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

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

© 2021 V2EX