cos

✋ 你好，這裡是餘弦#

主攻 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 喵～

🎧 cosine-music#

畢業設計的音樂網站，還遠未達到目標，只能說初具雛形，先放上。

• 前端使用 React + Next.js + Typescript + Tailwind，組件庫 MUI

• 後端使用 Express + Prisma + zod + Typescript

🧰 cosine-toolbox#

在線地址👉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#

第五屆字節青訓營跟小夥伴一起整的項目～使用 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 校園社區後端#

• 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 搭建的校園社區後端 巧婦難為無米之炊！一個厲害項目的後端！

1. 使用 PM2 將項目部署至自己的雲伺服器，配置 Nginx 反向代理 解決跨域問題，設置了錯誤日誌及日誌分割
2. 利用 Sequlize ORM 進行數據庫的操作，使用 JWT 實現用戶身份驗證與信息加密
3. 利用 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 初學前端，參加百度前端訓練營、字節前端訓練營、開始系統性的學習前端，看了紅寶書等