我的项目

这里展示了我的一些技术项目，涵盖了前端、后端、分布式等多个领域。

私有

Gypsophlia's Blog

这是您所看到的博客本身，它便是前后端同时使用NextJS来完成的，同时我也写了管理页面用来管理文章和项目，编辑过程使用markdown语法~

NextJS

私有

Zoomom

基于Uniapp开发的移动端APP，集合AI工具和社区于一身，包括文案生成、角色对话、AI美颜、AI评分等功能，支持微信和支付宝双支付，全流程负责安卓各平台与Apple Store的打包和发布，已在IOS发布，但服务已停止；同时借助 NextJS开发后台管理，重写了一套简约的版本管理模块。另外也具备APP发布页。

UniappNextJSPayment+1

MagicMaker

AI剪辑和绘图项目，纯粹使用前端技术来完成剪辑工程，笔者已对ffmpeg方案进行验证，性能不如Webcodec，本项目使用WebAV模块搭配浏览器存储模块opfs模块来进行音视频剪辑，同时支持上传音视频或者AI生成音视频（自行处理接口）；另外基于Excalidraw开源代码进行修改，支持自定义文字、Storyboard等功能。在线网站：https://mrpluto0.github.io/magic-maker/

Vue3TailwindReact+2

JS-Interpreter

这大概是22年参加字节镜像计划的一个高级项目，当时根据字节的老师的一些提示，一步步完成，复原了部分eval的功能。而笔者在此之前也刚接触过编译原理，做了一些类似的其他语言的编辑，当然都非常简易。

JSCompiler

私有

TreeVision - VSCode Extension

在字节跳动实习期间，完成的VSCode插件，私有项目，无法开放。 1. 支持对当前的特殊JSON进行树状管理，方便增删改节点。 2. 搭配了React Webview页面，构建VSCode Webview Architecture，支持开发时热更新。 3. 内置了命令工具，可添加某依赖并同步各个文件中，也支持创建固定的一些项目。 4. 内置了Code Snippets。

VSCodeReactNodeJs

DSL 解释器

这是大三程序设计实践课程的聊天机器人大作业，当时借此机会，为了完整实现一个服务端和客户端的系统，进行了dsl语法的设计、编译和解释过程的处理、和聊天界面的设计。

CompilerVue3Quasar+3

ThreeCube

百度前端培训营项目，支持多人协同进行 3D 方块世界的搭建。个人主要负责光标操控的方块选择器和编辑器。 1. 支持通过在线代码或生命式配置方式增加、修改、删除方块. 2. 支持多人协同编辑，实时展示协同操作反馈。 3. 支持视角镜头的变换，控制视角，实时自动化适配场景布置。 4. 支持输入命令与命令的自动补全，以实现增删改三维图形的操作。 5. 支持查看日志信息，记录同房间内用户的操作记录。

Vue3ThreeJsKoa+1

CatusOS

团队项目，跟着大佬室友完成，个人负责文件系统部分，参考了清华的一篇操作系统课程文档，有空详细写一下个人负责部分的流程。突然想到这个名字可以拆成cat us，猫猫，我们，他起名真有意思。

音天 - Music Weather

阿里巴巴前端练习生计划团队项目，项目负责人之一，主要参与项目的策划和开发。思路源于当时常看到的可视化音频，于是完成一款音频可视化网站，根据天气情况，通过canvas绘制晴天、阴天、雨天、雪天等的可视化展示，并根据当前播放音乐来调整动效的频率。

Vue2CanvasAudio