开源地址：https://github.com/hcg1023/vue3-dnd Vue3 DnD是基于React DnD 开发的Vue Composition-api 版本。我们会尽可能的保证它与React DnD的功能一致，甚至于你可以把该文档看作是React DnD的部分文档（当然，react hooks api的依赖部分除外）。

项目描述：该项目是字节跳动内部员工使用的对公支出系统，系统集成了对公支出，核销，虚拟信用卡，账务处理，税务处理等等，将字节跳动所有的对公支付提单，审批，核销，入账，缴税等功能全部线上化。属于一个大型的国际化财务管理系统。 技术栈： Vue、Typescript、vue-router、Element UI、less、axios、decimal.js等。 负责进行需求评审，技术评审，合理安排工作任务，确保功能如期完成； 将可以组件化的需求进行组件化，并负责开发了大部分复杂组件； 负责优化系统性能，通过CDN以及splitChunk等手段对系统加载速度进行优化； 持续对系统内的逻辑与业务代码进行优化； 使用commitlint规范化git commit，使用prettier+eslint规范前端代码，并在提交前自动检测； 基于display: grid;开发四列布局UI组件，可以通过js配置完成大部分页面布局工作，在项目中各个页面均有使用； 开发流程导览图组件，通过vue+js实现纯dom组成，并且通过数据直接生成一个完整的流程图； 使用iframe结合Blob对象实现下载文件流打印功能；

项目描述：该项目是快手内部员工使用的流程管理门户，包含流程发起，待办，已办，知会，我的申请，系统管理等内容，属于一个标准的流程门户项目。 技术栈：React、Typesctipt、React Hooks、React-router、Rematch、react-hook-form、Ant design、 scss等。 负责进行需求评审，技术方案确定，确保工作任务按时完成； 负责对公共的表格组件进行封装，项目中大部分表格使用封装好的表格组件，通过不同的type，渲染不同类型的列，减少了重复的工作量； 负责对公共的表单组件进行封装，结合react-hook-form和ant design表单，使用JSON渲染表单，实现一 个项目内通用的动态表单； 独立开发系统管理模块，使用useMemo，useCallback对项目进行优化，使用useEffect进行数据请求等； 通过visibilitychange事件监听窗口状态实现新开页面关闭的监听回调； 对qiankun微前端进行调研，确立通用审批组件与子业务系统的通信方式。