TalonBlog项目经历
项目一 内蒙古远程智慧监控系统 (国电投 大屏项目 + 管理后台)
一. 项目简介：供国家电投监管人员进行远程监控、监测、管理、调度十四个重点区域。
二. 项目职责：负责项目框架的搭建，大屏首页，违章统计，监控轮训等主要模块的开发，以及项目打包部署。
三. 技术栈：vue3 + vite + ts + arco design + echarts + axios + vue-router + pinia + BMap
四. 技术实现：
- 使用 vite 插件开启 gzip 对打包后的产物进行压缩，减少打包体积。
- 封装 axios 响应拦截器，处理异常状态，以在代码中更加方便使用 async/await 处理异步。
- 二次封装 arco design 组件 和 echarts 图表组件，以及封装高复用的 hooks 提高开发效率。
- 对接海康平台 h5player 播放器插件 和 视频 web 播放器插件与后端配合，实现实时视频监控功能。
- 使用baidu map api 与后端配合 实现电子地图可视化功能。
- 使用 html-docx-js-typescript 和 file-saver 第三方库 配合后端数据 实现 导出 word 文档 功能。
五. 项目总结：
- 对第三方平台视频播放器插件的接入有了更深入的理解。开启 gzip 压缩静态资源减小打包体积优化页面加载速度。
项目二 的士同城 （机场电子屏app）
一. 项目简介：供机场内乘客提供出租车信息，方便乘客选择出租车，减少乘客等待时间以及交通堵塞。
二. 项目职责：负责项目框架的搭建，第三方插件的对接等主要模块的开发，以及项目打包发布。 三. 技术栈：uniapp + vue2 + websocket + scss
四. 技术实现：
- 使用 uniapp 原生组件，对面页面 ui 进行编写。
- 二次封装 uni.request 响应拦截器，处理异常状态，以在代码中更加方便使用 async/await 处理异步操作。
- 使用 uni.connectSocket api 和 websocket 协议与后端配合订阅出租车消息。
- 封装和对接第三方安卓打印机插件，实现打印小票功能，方便乘客查看费用以及出租车信息。
五. 项目总结：
- 对第三方原生安卓组件的使用有了更深入的理解，对 websocket 协议有了更清晰的认知。
项目三 青翼人才 (鲁美合作项目 小程序 + 管理后台)
一. 项目简介：供鲁迅美术学院的学生进行艺术作品展示，方便学生进行作品交流，提高作品曝光度，也是一个轻社交的社区小程序。 二. 项目职责：负责项目前端框架搭建与页面ui的设计，主要模块的开发，以及从零到一的把小程序打包上线发布。 三. 技术栈：
- 小程序端：uniapp + vue2 + scss + vuex + tuniao_ui。
- 管理后台：vue3 + vite + ts + arco design + echarts + axios + vue-router + pinia
四. 技术实现：
- 使用 tuniao_ui 组件库，对面页面 ui 进行编写与设计。
- 使用 uni.login 接口与后端接口实现微信登录，封装微信学生身份认证组件与后端配合实现学生身份认证。
- 使用 vuex + localStorage 实现用户信息数据持久化。
- 使用 lazy-load 组件实现图片懒加载，优化页面加载速度。
- 对小程序进行分包，减小打包体积，提高页面加载速度。
五. 项目总结：
- 对小程序的打包发布上线流程有了更深入的理解，从零到一的对小程序的产生流程有了更清晰的认知。
项目四 沈阳市xx社会化服务系统 (管理后台)
一. 项目简介：供沈阳市xx监管人员对全市的违禁人员进行监管，数据采集，数据统计，以及对违禁品的监管。 二. 项目职责：负责项目前端框架搭建与页面ui的设计，主要模块的开发，以及项目打包发布。 三. 技术栈：vue3全家桶 + vite + ts + arco design + echarts + axios + arco pro + crypto-js + Bmap
四. 技术实现：
- 使用 arco design 组件库和 arco pro，对面页面整体布局，以及对页面 ui 的编写与设计。
- 使用 js-md5 对用户密码进行加密，以防止用户密码泄露。
- 使用 crypto-js 进行 aes 的加密模式与后端配合进行数据加密以及解密。
- 使用 webworker 和 异步操作 解决加密解密的性能开销和页面白屏时间过长的问题，提高数据加密的效率以及页面响应速度。
- 使用 前后端路由对比的模式，进行 rbac 的权限管理，实现不同用户角色看到不同的页面。
- 使用 vue 的自定义指令实现按钮级别权限。
- 使用 百度地图与后端接口配合，实现电子地图可视化功能以及绘制违禁人员的行走路线。
- 使用 echarts 进行数据可视化，实现数据统计功能。
五. 项目总结：
- 对 webworker 和加密模式有了更深刻的认知，对处理页面白屏的问题有了更深入的见解。
持续更新中...