程序员想开发漂亮的个人网站是不是用 react 会比 vue 简单一些?

2024-04-23 00:06:47 +08:00
 LeeReamond

定义:

我的情况是 vue 写过一些项目,react 完全没学。后端程序员的个人网站,不是专业前端,不要求商业化级别,但是我十分想把网站做得好看,主页点开看起来各种元素的设计,交互方式都比较现代化的那种感觉,不太想要搞一个打开以后看起来干巴巴的。

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

最近也看了很多 v 站发个人网站的,感觉各有各的问题,现在在想是不是换个工具以后开源生态会好不少,就会有那种既有成熟的组件库,也不会定制起来比较难用的?

13177 次点击
所在节点    程序员
94 条回复
fuyun
2024-04-23 18:21:07 +08:00
@LeeReamond 如果只是在现有 UI 库上小改,要么提 PR ,要么自己 fork 一个,都不是什么难事。另外,有点基础直接用原生撸代码效率并不低,ES6 还是很爽的,前期把基础设施( http 、message 、modal 、form 等)搭好,后期和框架没什么区别了。对于个人网站这个特定的场景来说,交互并不复杂,没那么多增删改查操作,jq 足够了。
linyongxin
2024-04-23 18:32:05 +08:00
主流就是很古老的 php 套 html ,加上个自适应,超低门槛和成本运作了几十年,便宜简单的 lnmp 市场,各种先进前端技术适合炫技。
laters
2024-04-23 18:35:24 +08:00
fionasit007
2024-04-23 18:42:20 +08:00
@jojobo 你这个色调有点东西,一点进去,看到黑色背景和长泽雅美的灰色头像我以为她去世了呢哈哈
neotheone2333
2024-04-23 19:51:34 +08:00
推荐这个 https://nextui.org/ ,挺好看的
yybhf
2024-04-23 20:34:09 +08:00
我用 wordpress
hjMK5OXQVSr8DflD
2024-04-23 21:39:32 +08:00
@pianjiao 换个友链?

我又来厚着脸皮贴自己的博客了 https://yanyunfeng.com
shilianmlxg
2024-04-23 22:12:36 +08:00
@neotheone2333 大佬 nextui-pro 值得购买吗,看到最近有开车
kamal
2024-04-23 22:42:09 +08:00
@june4 #32 solid js 看起来不错,感谢推荐
xmagicer
2024-04-24 01:50:08 +08:00
作为一个非 Web 玩家,我更喜欢简单直接、略微锐利一点的 UI ,不太喜欢有比较多过渡动画、看起来软绵绵的 UI 设计。

https://xmagicer.com/
LeeReamond
2024-04-24 06:44:57 +08:00
@XCFOX 感谢 1/70 的有效回复,shadcn 似乎是直接用 tailwindcss 写的?不过感觉有点素。这七八个网站里有两三个的按钮我点下去是没有任何反馈的,包括 shadcn ,不知道是咋回事。我是希望写网站的时候能直接用三方组件+tailwindcss ,还不会互相冲突的。
qweruiop
2024-04-24 08:23:47 +08:00
用 react 吧,买个模版,开始改。。。模版库比 vue 多太多了。。。
当然要纯手写,那就都无所谓了。。。
xitler
2024-04-24 08:36:08 +08:00
看看 GSAP ?
colinsimth
2024-04-24 11:23:24 +08:00
@LeeReamond 兄弟,看看我这 https://blog.2342342.xyz/cn 。用了些动画、鼠标操作也有反馈(不是所有) NextJs+NextUI+tailwindcss+Framer Motion 。顺便给点建议。
okakuyang
2024-04-24 11:57:59 +08:00
是的,react 的库丰富程度完成度比 vue 好很多。虽然主流 ui 库是两者兼有,但是要想好看就不要从主流里选。
htxy1985
2024-04-24 12:21:41 +08:00
@colinsimth 兄弟,好不好看另说,不知道是不是我电脑问题,你这博客感觉有点卡顿啊。
colinsimth
2024-04-24 12:42:31 +08:00
@htxy1985 你能看出是页面加载卡,还是页面渲染卡,还是页面切换设计不流畅...?具体那种吗?我好针对性搞搞优化。我这边测试是单页加载不超过 1.5s ,js heap 不超过 80MB, 评论加载确实有点慢
htxy1985
2024-04-24 12:49:29 +08:00
@colinsimth 我觉得应该是渲染卡,第一次打开类似于电影卡帧数低那种感觉,停在一个博客上下滑动的时候也能感觉出来。你加了一个加载时候模糊的处理,但这个模糊的效果到正式渲染成功之间偶尔会有卡顿。另外左边的卡片刚渲染出来的时候会抖一下,不确定是不是你故意做的效果。
bubble21
2024-04-24 14:11:33 +08:00
@htxy1985 应该是你电脑卡,我这边打卡很流畅,难得遇到个人博客打开这么流畅的
htxy1985
2024-04-24 14:16:03 +08:00
@bubble21 我觉得并不是,我打开其他人的博客都不卡,当然也包括我的。

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

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

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

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

© 2021 V2EX