于沈健の博客

锦鲤记账是本人为了提升自身技术能力以及职场竞争力而做的项目，技术栈采用了 Vue 3 + TSX + Rails，并且项目中尽量减少使用第三方 UI 组件，以便提升本人封装能力。本项目涉及面广，涵盖前端、后端数据和部署等，在需求方面本项目会尽量简化，但并不简陋，目标就是制作一个完整可用的、数据存储在云端的移动记账项目。 技术选型本项目采用 Vue 3 + TSX + Rails Vue 3 + TSX 的优点： 像使用 React 一样使用 Vue 3，体验比 React 更好 大部分前端还没有采用这种搭配，可以享受踩坑的乐趣 Vue 3 + TSX 的缺点： 无法利用模板的性能优化（包括静态提升、修补标记 、树结构打平、加速 SSR 激活） 项目架构本项目采用最新的状态管理库 Pinia 来做 hooks，然后 hooks 通过 AJAX 发请求到后端 本项目采用 JSON 和 JWT 来做前后端交互