Unicorn-低代码平台
项目介绍: 一个能通过拖拽界面、表单配置等简易操作创建网页的低代码设计平台,且能通过预览和发布生成访问链接。该项目用 vue3 实现。
负责与重点:
1. 自定义组件的设计与实现及画布组件的动态渲染;
2. 撤销重做:防止用户操作失误;
3. 组件的位置辅助标线:在用户拖拽组件时会标齐位置,提升用户体验;
4. 组件的选区移动:用户可以通过拖拽形成选区来移动选区内组件;
5. 自主部署:用户可以通过下载项目,将项目部署到自己服务器。
WeShare-共享文档平台
项目介绍: 一个支持用户管理文件、协同编辑、分享文档的共享平台。该项目用 vue3 实现。
负责与重点:
1. markdown 编辑页:实时编译预览、编辑与预览同步滚动、协同编辑;
2. 文件夹管理页:文件夹级联选择器、文件数据缓存功能;
3. 根据用户身份分配不同的权限,支持多用户协同操作。
遇到的问题与解决方案:
1. 浏览器刷新时保存在 pinia 中的数据会被清除。解决方案:开启 pinia 中数据持久化功能;
2. 在实现撤销重做功能时,每次操作都克隆一份渲染数据导致历史记录数据逐渐膨胀。解决方案:采用增量更新方案,只保存修改数据。