点击空白处退出提示
作品详情
1. 请求模块,项目内部使用多种不同的请求方式比如 http、gRpc、websocket 以及内部的 tsRpc 等方式调用, 以及类型、错误捕获进行封装使用 2. 地图模块,基于 mapbox 开发了包括地图加载的优化、地图缓存功能、地图构建和展示地图实体、地图工具、地图实体操作的使用等功能 3. 表单模块,内部开发了一套动态表单,进行高度的可配置性、表单模块化复用以及配置了用户自定义表单项的功能 4. 校验模块,使用 async-validator 对于用户创建/编辑的场景的保存或者测试之前对整体数据进行校验,防止数据不合法 5.player 模块则是对测试结果进行回放或者 preview 预览,基于 websocket 接受到订阅的 topic 数据进行渲染
我是这个项目的核心负责人,负责开发和维护该项目的需求以及修复各种bug.
项目技术栈是:vue3 + vue-router + vuex + vite + typescript + mapbox
熟练使用 vue3 进行开发,对typescript也很熟练,工具链能完整的配置项目。
开发了内部动态表单,达到右侧表单可以动态展示,以及有fieldChange进行监听,使得表单高度可复用和可配置
地图使用了缓存以及分块展示进行加载优化,加载过程中先加载当前块,然后在默认加载旁边的九宫格地图,当用户拖动时在重新加载并以9宫格进行渲染
使用websocket去连接后端,通过topic推送来进行数据实时更新
request模块重构,将tsRpc、Grpc、http、websocket请求进行封装,达到快速调用
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态
评论