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

电脑技术 电脑技术 1841 人阅读 | 24 人回复 | 2024-12-31

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


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








本帖子中包含更多资源

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

x

回答|共 24 个

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

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

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









完美!👌

本帖子中包含更多资源

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

x

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

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





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

本帖子中包含更多资源

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

x

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



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

本帖子中包含更多资源

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

x

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写的

下面,是前者





本帖子中包含更多资源

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

x

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






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

本帖子中包含更多资源

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

x

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

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

本版积分规则

热门推荐