Skip to content

sooooooooooooooooootheby/Typhon

Repository files navigation

🐭 Typhon 🐹

项目介绍 🌕

这是模仿X(Twitter)UI制作的留言板网站。

logo是一个纸飞机,请不要在意它和Telegram有什么关系,我只是单纯的懒,不想做新logo。另外名字来自游戏《重返未来:1999》中苏芙比大小姐的挂饰(提丰-typhon)。

本项目旨在学习前后端交互,以及后端搭建。虽然项目以学习为主,但也会挂到服务器上去正式运行。

技术栈 📦

  • vue3 (我用的选项式api比较多,因为我喜欢他,所以看完我的代码请不要认为我是用的vue2 谢谢)
  • vueRouter (小网站就做单页面了)
  • pinia (状态管理,就是数据不是持久化比较麻烦,一刷新就没了,但是持久化了又会变成小而美)
  • scss (变量和mixin真的不错)
  • gsap (很好的动画库,无需多言,用过都说好)
  • iconfont (页面的svg图标都是用它打包的)

项目待办 📓

  • 查看帖子
  • 发布帖子
  • 帖子点赞
  • 帖子评论
  • 用户基本操作(登录/注册/退出/修改个人信息)
  • 查看用户信息(本人)(个人的信息&发布的帖子&点赞的帖子)
  • 用户订阅Pro (这个是免费的,没有添加付款功能)
  • 用户注销
  • 查看其他用户的信息 (个人的信息&发布的帖子&点赞的帖子)
  • i18n国家化
  • 响应式布局(手机&平板)
  • 明暗主题

记事本 📖

├─ 2024年4月20日 ─ 项目新建文件夹
├─ 2024年4月30日 ─ 第一版UI太丑就把页面重构了,顺便正式确定按照X(twitter)的页面UI做并正式命名项目为Typhon,logo是纸飞机。
├─ 2024年5月14日 ─ 大部分功能都做完了,但是因为我发现史山越堆越高了,看着有点头痛,用Lighthouse测试一瞧,嘿,您猜怎么着,性能高达37分(笑),所以准备再次重构把功能梳理一下,顺便在Github把库给建了(虽然我很想写完了再重构优化但是我已经写不下去了)
  • 我在发布帖子的功能加入了MD编辑器,就很高级,还带预览,用的是[v-md-editor](https://www.npmjs.com/package/@kangc/v-md-editor)

  • 比亚迪emoji,本来好不容易解决了mysql储存四字节emoji的问题(直接从7降到5,那个7我改了一个下午字符集和校对规则都存不上,干脆换到5,问题就解决了(笑)),结果node.js从数据库查询回来又变成?了,我滴妈,就多了一个字节怎么这么多问题啊,整了两天还没解决我已经不想管了,等个大佬看见了帮帮我。

食用指南 🍬

等出了第一个正式版本(大概也就是做完查看其他用户信息和用户注销)再写了,反正这种小项目也不会有人看的(笑).