官网建议用什么技术栈开发?

官网建议用什么开发?官网一般是有SEO需求的。

1.我们知道vue.js + element-ui 可以做网页,但是前端UI框架和js框架一般是用什么写呢?

2.网络请求建议放在哪个生命周期方法?官网一般有多个页面,是每个页面进行取数据吗?而不是index页面取所有数据,是吗?

阅读 12.2k
20 个回答

首先我们先来分析官网最重要的点是什么?

  • SEO,SEO是必须的,这样别人才能在搜索引擎中搜到你的站点。
  • 美观,有流量后如果你的站点很丑,那么跳出率会很高,无法留住用户
  • 便于维护,一般官网都是静态的,最好是维护简单,不需要有太多的逻辑以及复杂的框架去处理
  • SSR, 基于第一点,所以我们的页面必须不能是单页应用,单页应用致命的缺点就是SEO

好了,明确了问题的点,我推荐一个开箱即用的模板。基于 Next.js + TS + TailwindCSS, LightHouse 跑分100。

https://github.com/ixartz/Nex...

为啥选择 Next.js ?

因为 Next.js 是一个 SSR 框架,支持 SSG, SSR, BSR 三种方式来构建你的站点,满足你SEO的需求

为啥用 Tailwind

Tailwind CSS 是一个功能类优先的CSS 框架,集成了非常多的工具类,例如flex , pt-4 , text-center 和 rotate-90 等等,开发官网非常的快。

已参与 「极客观点」 ,欢迎正在阅读的你也加入。
  1. 用jquery+html切图写成页面,通过后台程序(php、java、go等)直接渲染页面
  2. vue.js + element-ui做服务端ssr渲染

已参与 「极客观点」 ,欢迎正在阅读的你也加入。

直接html/css+少量的原生js,用nginx 做服务器,
不用引入vue,后台程序(java,node,go)

前端:

  • Vue / React 框架
  • Nuxt / Next 做服务端渲染 SEO
  • Element / Antd UI

后端:

  • GO / Java

已参与 「极客观点」 ,欢迎正在阅读的你也加入。

一般官网就是介绍和展示,大部分甚至页面不需要和服务端交互,纯静态的官网,直接HTML+CSS+JS,最多用用jquery。

最直接的HTML结构,没有单页应用的SEO问题,也不需要做预渲染或后端渲染。

已参与 「极客观点」 ,欢迎正在阅读的你也加入。

web:
前端:
react、vue、angluar(外企较多)
组件库:
element、ant
后端:
java、go

app:
uniapp
flutter
react-native
组件:uview

桌面:
electron
nodejs
vue

已参与 「极客观点」 ,欢迎正在阅读的你也加入。

官网不要有太多的脚本, 一般就静态页, 用 jquery + css + html 就可以了

再者主要就是要让爬虫可以爬到你的官网

已参与 「极客观点」 ,欢迎正在阅读的你也加入。

用 jquery+html 切图写成页面,通过后端语言(php、java、go等)直接渲染页面
每个页面单独请求数据,不要在一个页面中请求所有数据

已参与 「极客观点」 ,欢迎正在阅读的你也加入。

具体还是根据需求来看的,需求简单,HTML,CSS和Javascript就可以快速完成的,就可以不用框架,例如这样一个文档官网,我就采用的javascript,html,css来写。框架只是增加效率的,所以还是根据需求来定。

已参与 「极客观点」 ,欢迎正在阅读的你也加入。

方案很多,看你的需求。一般来说,企业官网最重要的是 SEO 和打开速度,其它都可以将就。

  1. 如果你没有任何动态需求,纯静态能满足需要的话,直接 html 写就好;少量效果可以用 swiper 等组件来实现。
  2. 如果你有少量的动态效果,比如不定期发表的招聘信息、公司大事记等,可以配合一些 CMS,做简单的发布工作。
  3. 如果你的官网有很多的数据交互、操作交互,有必要用到 MVVM 框架辅助开发,那可以考虑各家的 SSR 工具,比如 next.js、nuxt.js 等。
已参与 「极客观点」 ,欢迎正在阅读的你也加入。

其实大部分的企业官网并不需要用到很复杂的技术。其最主要的需求就是SEO,然后是企业基础的信息展示,以及可能的产品展示和一些文章发布管理功能。

  1. 对于只是展示基本信息的固定的产品,直接使用前端技术去写静态页面即可。
  2. 如果说对于产品、资讯之类的有需求,但是更新频率不高可以考虑静态网站生成器(Hexo/Hugo/Jekyll)即可。
  3. 对于发布频率高的,就看你们后端的技术栈是什么,去选择一个CMS系统即可,前端配合后端去编写一些页面模板。
  4. 最后才是考虑使用前端技术去做SSR的一些框架(NextJs/NuxtJs)。

按照先后顺序推荐。前端去做SSR是现阶段我最不推荐的一种方式,开发成本相对于其他方式高太多了,工期也会多出去很多。除非是已经有做好SPA的官网再去扩展SEO的需求。不然我是极其不推荐的。

最后OP提到的两个问题。

  1. Vue相关的UI库可以选择AntD Vue、iView、Vuetify等等。Ract可以选择AntD。
  2. 一般来说放在Created和Mounted里面都可以。如果你是SSR的话,需要放到Mounted里面,或者对应提供的asyncData方法内。如果有多个页面,是每个页面组件内去获取数据。
已参与 「极客观点」 ,欢迎正在阅读的你也加入。

有seo需求的话建议 原生或者ssr框架,主要主要标签语义话资源优化等seo的常见优化点,方便通过搜索引擎进行引流。

已参与 「极客观点」 ,欢迎正在阅读的你也加入。

  1. 现在前端新技术层出不穷,毕竟是用于官网,也需要考虑到兼容性和稳定性要好。这里推荐 Vue 3 + TypeScript + Vite + Pinia 搭建项目,UI 库可以用 Element Plus
  2. 网络请求一般放在网页加载之前。一般都是路由懒加载,跳转到对应页面时发送网络请求。
已参与 「极客观点」 ,欢迎正在阅读的你也加入。

这个问题我曾经也考虑好久,之前公司有个官网的需求。我也是问了好多小伙伴,也得到了好多建议,官网注重的是SEO。所以要围绕这一点考虑,(我是vue技术栈)所以有以下几种解决方案推荐,推荐由先到后。

  1. html+js/jq+php,如果有后端配合的情况下,这种是我认为最好的解决办法。
  2. 基于Vue的ssr框架 NuxtJs。
  3. 如果没有频繁的信息更新,也可以使用纯静态页面编写。

由于我司没有php后端,最后我选择了nuxtJs,整体使用体验目前觉得还算比较顺利,勤翻文档上手比较容易。

已参与 「极客观点」 ,欢迎正在阅读的你也加入。

我觉得seo、访问速度和UI美观应该是官网最重要的需求了吧,并且官网并不会有很多业务需求。
1、UI是否美观,我觉得一个非常重要的点,虽然好像和问题没沾边哈哈
2、数据交互量小,可以使用HTML+JQuery来写,如果有一些轮播图的需求,也可以引用一些 JavaScript 包就好
3、如果存在较多的数据交互,那么我会建议你还是使用框架来写,并也可以考虑使用Next.js,nuxt.js 等等

已参与 「极客观点」 ,欢迎正在阅读的你也加入。

我觉得react和vue均可,关键看你团队的水平,如果团队水平比较高,对于函数式编程比较熟悉,可以试试react,如果水平一般,建议还是用vue,vue的格式化代码这块做的比较好,代码清晰明了,不会存在看不懂这样的事情发生。

如果是简单官网,纯展示,用原神js和jquery都是可以的。根据设计稿来,快速切图实现页面,页面不多的话,一周内可以搞定。


已参与 「极客观点」 ,欢迎正在阅读的你也加入。

JS可以直接使用vue框架开发即可,UI框架我觉得使用element或antd都可以,不过一般官网都会有UI同学重新设计的。而对于官网的SEO,可以使用vue文档提到的nuxtjs即可。

网络请求还是要看你的具体业务需求、接口功能,才能决定放在哪个时机去请求。不过一般都有说放到created生命周期里(vue2),而我用vue3一般都习惯使用放在onMounted里调用.

已参与 「极客观点」 ,欢迎正在阅读的你也加入。

首先考虑到的就是SEO,一般的前端框架都会满足美观需求,但是涉及到SEO建议使用Next.js 或者Nuxt.js,然后就是官网的美观,最后就是性能问题。

已参与 「极客观点」 ,欢迎正在阅读的你也加入。

考虑seo就不要考虑单页面应用,就用几年前的前端开发方式html+css+jQuery,特别注意一下页面的美观性能和seo优化差不多就能解决

已参与 「极客观点」 ,欢迎正在阅读的你也加入。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
logo
极客观点
子站问答
访问
宣传栏