今天用react写了一个小小的DEMO:

电脑技术 电脑技术 520 人阅读 | 18 人回复 | 2024-12-31

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?立即注册

x
人生第一次写react,画面很简陋,实现了基本的功能,如果想上GitHub,稍微改改就是一个project:


demo用的是vite+react+ts,见图画下划线处

react-demo-1.png


react-demo-2.png


react-demo-3.png



回答|共 18 个

legs+ 发表于 2024-12-31 20:32:02| 字数 27 | 显示全部楼层

还有一个用路由(router)写的,点击率高的话,奉上

legs+ 发表于 2025-1-1 20:49:22| 字数 15 | 显示全部楼层

r1.png



r2.png


r3.png


r4.png

完美!👌

legs+ 发表于 2025-1-9 17:44:09| 字数 81 | 显示全部楼层

今天用react写了一个Linkedin页面,注意下划线,端口3000,是react的端口


Linkedin.png



我不喜欢暗黑风格,我不知道老歪怎么喜欢,搞不明白,改天我把黑色,改为灰色

legs+ 发表于 2025-1-31 15:45:23| 字数 36 | 显示全部楼层

动画.gif


今天闲着无聊,用vue写了一个锚点程序,就是页面自动跟着滚动到相应的锚点

legs+ 发表于 2025-1-31 15:48:20| 字数 76 | 显示全部楼层

上面的demo,在GitHub上,我没有找到相应的程序,也就是以前没见过

我也是一次在看前端路由的时候,发现还能这样写,于是跟它卯上了

其实,就是滚动条会动

legs+ 发表于 2025-1-31 15:51:51| 字数 257 | 显示全部楼层

  1. const router = createRouter({
  2.   // 使用HTML5的历史模式
  3.   history: createWebHistory(process.env.BASE_URL),
  4.   // 路由配置
  5.   routes,
  6.   // 滚动行为
  7.   scrollBehavior(to, from, savedPosition) {
  8.     if (savedPosition) {
  9.       return savedPosition;  // 如果有保存的位置,返回保存的位置
  10.     } else {
  11.       return {top: 0, left: 0}  // 否则回到顶部
  12.     }
  13.   }
  14. })
复制代码
就是上面这段代码触发了我的好奇

legs+ 发表于 2025-2-2 11:22:28| 字数 45 | 显示全部楼层

今天,写了两个学生系统,前者用纯css写的,后者用element-plus写的

下面,是前者


1-1.png


1-2.png

legs+ 发表于 2025-2-2 11:24:29| 字数 16 | 显示全部楼层

2-1.png



2-2.png


大家觉得那个更nice,评论区见

褐眼睛 发表于 2025-2-2 15:37:11| 字数 24 | 显示全部楼层

第8楼的那个比较好看,但是第9楼那个变化比较多。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

热门推荐