✋ 你好,这里是余弦#
主攻 React 及其相关生态,最近在不断尝试自己的各种小项目 ^_^
- 是余弦 (cosine) 那个 cos,不是 cosplay 那个 cos
- Github👉 https://github.com/yusixian
- Gitbook 前端学习记录:前言及目录 - 前端学习记录 不断完善 ing...
- 个人博客
- xlog 链上版博客 👉 https://x.cosine.ren/
- Hexo 博客 👉 https://ysx.cosine.ren/
- 个人 Telegram 频道:@cosine_front_end 日常碎碎念,偶尔掉落优质前端博文推荐、学习资源等
⭐ 咱最爱的小项目!#
喜欢或者有用的话就动动小手点个 star 喵~
使用React+ts+tailwind+Next.js编写的音乐网站前端
cosine-music 后端,一个使用Express + Prisma搭建的音乐网站后端。
🌸 A simple and elegant component library. 使用 pnpm+vite+ts+tailwind 开发的 React 组件库,采用 monorepo 组织,文档站使用 Docusaurus 构建
🧰余弦工具箱🧰 一个使用 React + Next.js + Typescript + Tailwind 搭建的项目,集合了自己写/npm上的常用工具,在这里尝试各种技术实践
使用koa搭建的校园社区后端 巧妇难为无米之炊!一个厉害的项目的后端! gitee地址:https://gitee.com/KamenRider41/campus-community-backend 前端地址:https://gitee.com/honxinn/campus-sns-campus-community
🎧 cosine-music#
毕业设计的音乐网站,还远未达到目标,只能说初具雏形,先放上。
- 前端使用 React + Next.js + Typescript + Tailwind,组件库 MUI
使用React+ts+tailwind+Next.js编写的音乐网站前端
- 后端使用 Express + Prisma + zod + Typescript
cosine-music 后端,一个使用Express + Prisma搭建的音乐网站后端。
🧰 cosine-toolbox#
🧰余弦工具箱🧰 一个使用 React + Next.js + Typescript + Tailwind 搭建的项目,集合了自己写/npm上的常用工具,在这里尝试各种技术实践
在线地址👉https://tools.cosine.ren/
🧰余弦工具箱🧰一个使用 React + Next.js + Typescript + Tailwind 搭建的项目,集合了自己写 /npm 上的常用工具,亦或者从日常项目需求中抽离的工具,在这里尝试各种技术实践
自己的工具项目,正在不断开发完善中
功能#
JSON 通用工具🧰#
👉https://tools.cosine.ren/jsonUtil
- CSV 转 JSON:可将 CSV 格式转换为 json 对象数组
- JS 对象转 JSON: 可将 JS 对象转换为 JSON 字符串
Base64 通用工具🧰#
👉https://tools.cosine.ren/base64util
- Base64 编解码工具
- Base64 图片批量下载
Url 通用工具🧰#
👉https://tools.cosine.ren/urlUtil
- 应某人要求开发的 Url 编解码工具
dance-ui#
🌸 A simple and elegant component library. 使用 pnpm+vite+ts+tailwind 开发的 React 组件库,采用 monorepo 组织,文档站使用 Docusaurus 构建
第五届字节青训营跟小伙伴一起整的项目~使用 pnpm+vite+ts+tailwind 开发的 React 组件库,采用 monorepo 组织,文档站使用 Docusaurus 构建
- 文档站在线地址 👉 https://dance.cosine.ren/
- Github 👉 https://github.com/dancing-team/dance-ui
- NPM 包 👉 https://www.npmjs.com/package/@dance-ui/ui
- 更新日志 👉 https://github.com/dancing-team/dance-ui/blob/main/packages/components/CHANGELOG.md
- 开发文档 👉 https://dance.cosine.ren/docs/develop/develop-intro
Campus SNS 校园社区后端#
使用koa搭建的校园社区后端 巧妇难为无米之炊!一个厉害的项目的后端! gitee地址:https://gitee.com/KamenRider41/campus-community-backend 前端地址:https://gitee.com/honxinn/campus-sns-campus-community
- Github 👉 https://github.com/yusixian/campus-community-backend
- 前端地址 👉 https://gitee.com/honxinn/campus-sns-campus-community
- 后台管理地址 👉 https://gitee.com/honxinn/back-manage
- 接口文档地址 👉 https://www.apifox.cn/apidoc/shared-9459ed60-58b2-45b8-b5a8-89a63d77357f/api-11836993
技术栈 Koa2
Node.js
Sequelize
Websocket
,2022 年 01 月 - 2022 年 03 月
百度前端训练营晋级班项目,具备完善的校园社区功能及一个后台管理系统
使用 koa2 + Sequelize 搭建的校园社区后端 巧妇难为无米之炊!一个厉害项目的后端!
- 使用 PM2 将项目部署至自己的云服务器,配置 Nginx 反向代理 解决跨域问题,设置了错误日志及日志分割
- 利用 Sequlize ORM 进行数据库的操作,使用 JWT 实现用户身份验证与信息加密
- 利用 WebSocket 实现在线用户数监测
我主要负责了文章管理、分区管理和系统管理这块的接口,是第一次做出来的比较完善的项目~当然当时做的也比较稚嫩
这个项目的开发文档也是非常详细的~因为是第一次团队合作开发项目所以记录了很基础的搭建过程
🕘 现在正在进行的是#
- 2023/5/26 毕业设计完毕~准备告别校园。
- 2023/4/5 发现 xlog 宝藏链上博客,搬家 ing
- 2023/3/3 简单更新了下关于页面 ^_^ 要开始准备毕设惹
- 2023/2/7 开心的打工人一枚呀(x)
- 2022/9/27 实习到现在都没怎么打理过博客,准备大干一场(大概
- 2022/5/6 一眼看到 shoka 这个主题就爱上了,开冲!立马更换成了这个主题。
- 2022/3/20 找暑期实习真难哇!!也有在刷题惹
- 2022/3/1 百度进阶班项目临近结束,准备冲刺春招暑期实习~
- 2022/2/9 于是乎,今天搭了这个博客(经常忘记要干啥 x)
- 2022/1/17 大作业还不容易 23333 不过做完还是很有成就感
- 2022/1/14 学前端走火入魔 ing
- 2022/1/8 寒假了,在家了,开始摸鱼
- 2021/12/25 一周三个课设,实在顶不住了(在做了,在做了,咕 ——)
📖 前端学习成果历程#
- 2023.04 至今 忙实习,忙毕设,忙 ing
- 2023.01~2023.03 参加第五届字节青训营,利用实习空余时间折腾了个组件库 dance-ui,使用 pnpm+vite+ts+tailwind 开发的 React 组件库, 采用 monorepo 组织,文档站使用 Docusaurus 构建。
- 2022.07~2022.12 实习 学到很多东西,Next.js, tailwind, recoil, wagmi, recharts, ts, motion, floating-ui……
- 2022.06-2022.07 实习,开发公司 wiki 项目等 接触了 docker, jenkins, Nest.js, vue3……
- 2022.03-2022.06 春招 投简历、找实习、背八股、提升技术~~~
- 2022.02-2022.03 百度进阶班项目 Campus SNS 校园社区后端接口系统
- 2022.01 初学前端,参加百度前端训练营、字节前端训练营、开始系统性的学习前端,看了红宝书等