uni-app 任务中心混合开发模块、适配手机 app、小程序、h5:
一、项目简介:toc 产品功能模块提供给用户(学习老师、家长)布置自定义作业、寒假作 业、阅读作业等模块、提供 uni 端附件能力支撑。
二、项目指责:整体前端 uni 项目从头搭建、全程设计 uni 模板项目、项目难点攻克。
三、技术栈:uni+Vue3+TS+vite
四、技术难点实现: 1、①文件的自动引入项目功能。②全局状态管理二次封装,方便引用。③uni 端路由器 封装,更符合 vue3 的开发规范。④网络工具类封装、h5 夸端兼容、uni 端登录逻辑,用户 信息的存储、相关 cookie 的写入。⑤、prettier、stylelint、eslintrc 引入,保证代码一致 性等。2、总结完成一套 uni 端附件上传以及附件的展示、压缩流程。 对 iOS 原生相机拍摄的 heic.格式图片进行格式转换,以及压缩,避免上传超市问题。 安卓、苹果原生图片的压缩,从 3M 大概压缩到 300kb 左右,压缩到 70%-90% 音频附件的录制、保存、选择、播放封装。 视频的调用原生能力选择、播放流程。 3、整理了一套 uni 到原生、uni 到 h5、h5 到 uni、原生到 uni 等同学流程机制,以及 相关协议实现方案的利弊。安卓和 iOS 根据不同业务形式,采用通信或者插件的方式。等等。