美丽心灵公益论坛

查看: 2107|回复: 24

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

[复制链接]
累计签到:534 天
连续签到:1 天

887

主题

3119

回帖

4万

积分

版主

Rank: 7Rank: 7Rank: 7

积分
48414
发表于 2024-12-31 20:30:54| 字数 82 | 显示全部楼层 |阅读模式
人生第一次写react,画面很简陋,实现了基本的功能,如果想上GitHub,稍微改改就是一个project:


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








本帖子中包含更多资源

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

x
累计签到:534 天
连续签到:1 天

887

主题

3119

回帖

4万

积分

版主

Rank: 7Rank: 7Rank: 7

积分
48414
 楼主| 发表于 2024-12-31 20:32:02| 字数 27 | 显示全部楼层
还有一个用路由(router)写的,点击率高的话,奉上
累计签到:534 天
连续签到:1 天

887

主题

3119

回帖

4万

积分

版主

Rank: 7Rank: 7Rank: 7

积分
48414
 楼主| 发表于 2025-1-1 20:49:22| 字数 15 | 显示全部楼层








完美!👌

本帖子中包含更多资源

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

x
累计签到:534 天
连续签到:1 天

887

主题

3119

回帖

4万

积分

版主

Rank: 7Rank: 7Rank: 7

积分
48414
 楼主| 发表于 2025-1-9 17:44:09| 字数 81 | 显示全部楼层
今天用react写了一个Linkedin页面,注意下划线,端口3000,是react的端口





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

本帖子中包含更多资源

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

x
累计签到:534 天
连续签到:1 天

887

主题

3119

回帖

4万

积分

版主

Rank: 7Rank: 7Rank: 7

积分
48414
 楼主| 发表于 2025-1-31 15:45:23| 字数 36 | 显示全部楼层


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

本帖子中包含更多资源

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

x
累计签到:534 天
连续签到:1 天

887

主题

3119

回帖

4万

积分

版主

Rank: 7Rank: 7Rank: 7

积分
48414
 楼主| 发表于 2025-1-31 15:48:20| 字数 76 | 显示全部楼层
上面的demo,在GitHub上,我没有找到相应的程序,也就是以前没见过

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

其实,就是滚动条会动
累计签到:534 天
连续签到:1 天

887

主题

3119

回帖

4万

积分

版主

Rank: 7Rank: 7Rank: 7

积分
48414
 楼主| 发表于 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. })
复制代码
就是上面这段代码触发了我的好奇
累计签到:534 天
连续签到:1 天

887

主题

3119

回帖

4万

积分

版主

Rank: 7Rank: 7Rank: 7

积分
48414
 楼主| 发表于 2025-2-2 11:22:28| 字数 45 | 显示全部楼层
今天,写了两个学生系统,前者用纯css写的,后者用element-plus写的

下面,是前者





本帖子中包含更多资源

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

x
累计签到:534 天
连续签到:1 天

887

主题

3119

回帖

4万

积分

版主

Rank: 7Rank: 7Rank: 7

积分
48414
 楼主| 发表于 2025-2-2 11:24:29| 字数 16 | 显示全部楼层





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

本帖子中包含更多资源

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

x
累计签到:17 天
连续签到:4 天

7

主题

140

回帖

1558

积分

金牌会员

Rank: 6Rank: 6

积分
1558
发表于 2025-2-2 15:37:11| 字数 24 | 显示全部楼层
第8楼的那个比较好看,但是第9楼那个变化比较多。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|免责及版权声明|关于|美丽心灵公益论坛

GMT+8, 2025-9-3 11:34 , Processed in 0.065378 second(s), 38 queries .

Powered by Discuz! X3.4

!copyright!

快速回复 返回顶部 返回列表