• 想开发出漂亮的个人网站前端是不是用react会比 vue简单一些?
  • 发布于 2个月前
  • 140 热度
    8 评论
定义:
程序员:只会写代码,不懂设计
漂亮的网站:设计比较现代化的,过渡的动画样式比较丰富的
个人网站:有高定制性要求的,不适合直接拷贝一个开源方案的
我的情况是 vue 写过一些项目,react 完全没学。后端程序员的个人网站,不是专业前端,不要求商业化级别,但是我十分想把网站做得好看,主页点开看起来各种元素的设计,交互方式都比较现代化的那种感觉,不太想要搞一个打开以后看起来干巴巴的。

但是我也不是学平面设计的,外加实在没有工时,比如说一个按钮写几百行代码,一个人做怕是要累死了。所以感觉路径就是通过使用开源的组件库,人家设计好的样式我去调用这样。不过目前用 vue 的感觉,不论是 vue2 时代还是 vue3 时代,我对 vue3 的功能性倒是没有任何抱怨,我觉得已经足够好用了,但是感觉组件库生态还是很薄弱。常见的一些库,elementplus 我觉得设计得不好看。vuetify 我觉得设计得挺好看的,动画交互比较复杂了,但是我感觉定制性很差啊,很多时候连把元素放到合适的位置和大小都做不到。。

最近也看了很多 v 站发个人网站的,感觉各有各的问题,现在在想是不是换个工具以后开源生态会好不少,就会有那种既有成熟的组件库,也不会定制起来比较难用的?
用户评论
  • 浅月流歌
  • React 的 UI 组件库生态比 VUE 要丰富太多,从这方面讲确实用 React 开发漂亮网站要简单一些。

    React 好看的组件库有:
    https://nextui.org/
    https://v2.chakra-ui.com/
    https://mui.com/material-ui/
    https://ui.shadcn.com/
    https://semi.design/zh-CN

    Vue 好看的组件库:
    https://www.naiveui.com/
    https://ui.nuxt.com/
  • 2024/4/24 17:17:00 [ 0 ] [ 0 ] 回复
  • 沫离伤花
  • 楼主的目的是要漂亮,然后问哪个框架能够更简单的实现漂亮,我现在告诉你,哪个框架都不能帮你实现更漂亮,想要更漂亮只有设计师才能做的更漂亮。设计实现了,哪个框架都能实现,而且现在的 vue 和 react 都能简单的实现。
  • 2024/4/24 17:08:00 [ 0 ] [ 0 ] 回复
  • 流年开花
  • 要样式好看跟 vue 、react 没关系的,首先得有个好看的设计稿,然后才是选择用什么技术。
    倒是有些库基本是必选的那就是动画库,GSAP ,animejs 、animatecss ,诸如此类,替换掉默认的 ease 、linear 曲线观感就已经有很大不同了。
  • 2024/4/24 17:02:00 [ 0 ] [ 0 ] 回复
  • 一个像秋天
  • 用原生,jquery 也能写出漂亮的网站。而且对于美认定很难。千万级保时捷设计师设计出来的车也不是所有人都觉得美。所以你可以尝试抄一些好看的网站。
  • 2024/4/24 16:56:00 [ 0 ] [ 0 ] 回复
  • 人走茶凉
  • React 和 Vue 都是前端框架,通常情况下彼此都能相互实现的,用这用那,其实没什么本质区别,不用纠结,熟悉哪个就用哪个。CSS 找漂亮的模板学着改改,也差不多能定制了。找不到,再找人推荐推荐,也问题不大。
  • 2024/4/24 16:50:00 [ 0 ] [ 0 ] 回复
  • 孤寂成海
  • 框架是解决工程问题,UI 才是你说的设计问题,而交互问题是 UE/UX 范畴,不是一个概念。
    各大框架的技术栈都有相应的 UI 库,现在用的多的是 antd 系列,但不适合你说的个人网站。而且本身 UI 库和个性化就是冲突的,UI 库的出发点就是解决通用性的设计问题,减少重复劳动。你要说方便定制化的,那肯定是原生 JS 或 jQuery 生态。
    ps.自己刚好在重构(重写)网站,放弃了 Angular 之上的 SSR 方案,选择原生+jQuery 方式,UI 采用自定义+Bootstrap 定制,毕竟如你所说,2C 的网站定制化程度太高,已经不适合框架和 UI 库了……
  • 2024/4/24 16:43:00 [ 0 ] [ 0 ] 回复
  • 勿笑疯狂
  • 漂亮的网站和用React还是Vue没关系吧,顶多说这两个前端框架哪个前端框架的UI组件库更丰富,更好看,比如Vue典型的element-ui,React的有Ant Design,网站好不好看,还是要看你CSS写的好不好,因为CSS和html才是决定网站设计的好不好看的关键。
  • 2024/4/24 16:35:00 [ 0 ] [ 0 ] 回复
  • 远行de风
  • 个人网站为什么要纠结 React 还是 Vue ?如果你的网站一没有复杂的交互,二只有一个人开发,三需要快速简洁,用这几个框架(也包括 ng )就是本末倒置,杀鸡用牛刀。如果你是一个专业前端,对某个框架非常熟悉,出于习惯用它写个人网站没啥问题,但 OP 不是这种情况。

    以前的人用 jQuery 是因为浏览器普遍兼容性特别差,jQuery 能够抹平很多浏览器兼容性问题。现在 2024 年了,主流浏览器( Safari 、Firefox 、Chrome 、Edge )可以放心使用现代 API 。个人网站以内容为主,不需要多少 JS ,你说的 Vue 、React 这些东西本身也没法帮你解决动画这些问题,反倒几行 CSS 就能搞定。

    如果你不想写 CSS ,也有 Tailwind 这种东西,让 GPT 生成一组用 Tailwind 的 HTML ,自己改改就能上线,用前端框架说不定还在折腾工具链。
  • 2024/4/24 16:30:00 [ 0 ] [ 0 ] 回复