该项目是一个园区项目，是融合十个应用的小程序，其中外壳采用的*小程序原生开发，里面的应用 则采用的webview 嵌套h5 网页的形式（解决为了优化小程序包大小的问题） 而且里面的应用利用了uniapp 多端语句，可以独立打包成*小程序或者h5; 其中我负责，信息发布和能耗管理h5 的开发和部分*原生接入h5工能； 信息发布是对标的是市面上的信息发布系统，如同知鸟知屏，目前还在迭代中， 能耗管理，是对一个园区的水、电、气表，以及空开的控制，使用者可以利用该应用 控制和了解每台设备的实时运作信息和操作该设备，应用还是比较复杂都是设计层的东西就不细说了； 该项目使用的技术：*原生小程序开发工具及api 的应用，还有uniapp 框架，秋云ucharts图表，axios，多端适配，断点续传，图鸟UI 项目遇到的难题：一开始项目希望利用*小程序原生进行大文件分片断点续传；首先*对于一次文件读取的大小是有限制的，一般就50M而我们的需求最大是需要支持1GB，查了很多资料其实没啥实用的，因为确实冷门...，后来想到了*的分段文件读取功能，最后想出了一种思路，就是将1GB每次分成50M来读取并临时存储，等到这50M上传完成，再将这50M临时文件清除，再继续读取，以此循环，确实最后功能是实现了，就是有点傻，因为，这种方式效率太低了，后来还是用了h5写了一个上传页面嵌套的形式，这里面遇到了另一个问题就是对上传的是视频文件进行抽帧作为封面处理，安卓没啥问题，但是ios 是禁止流媒体预加载的，导致canvas快照获取不到，后面试了很多方法都没啥用，后面采用了统一ios图片作为封面。还有就是一些能耗管理的功能问题吧，逻辑也是非常复杂，就不细说了吧

该项目分为：数据概览、素材管理、节目管理、审批中心、发布记录、设备管理； 该项目的使用流程及模块功能： 上传素材，=》在审批中心，审批素材； 根据已经审批通过的素材创建节目，节目创建包含节目信息、及选定的设备、及播放的策略 =》 审批通过后，节目在大屏上根据策略播放； 节目管理，可以查看全部节目及正在播放的节目，可以删改，也可以查看详情； 发布记录，记录发布的节目记录用来追溯历史的发布信息； 设备管理，可以查看节目可以下发播放的设备；设备包含开关屏，重启，及批量操作。 我负责整个项目的所有模块前端功能开发，项目使用的是vue2 进行项目搭建，echarts 进行数据概览图表绘制，Element UI 进行组件封装，统一封装的axios进行接口请求，scss 进行页面样式书写。包含上传组件封装，视频首帧获取方法封装，base64和file互转；服务器获取时间方法封装。该功能已经通过测试，并上线。 项目遇到的难题1：首先是素材上传的断点续传，获取视频固定帧数作为封面，，因为考虑到用户体验，同时还要保证能并发，挂后台上传。解决方案，开始查阅下语雀，博客以及github，大概看了下思路，就是，切割文件，上传分片再组合文件（这一步后台根据MD5值去合并），文件采用slice进行切割，在根据new File()将分片设置成完整的单个file,至于视频首帧,则是利用 canvas 快照将视频流在 onloadeddata 预加载模式下获取固定帧，暂停采用的是 axios.CancelToken 来中断接口请求； 难题二2: 节目发布因为需要的是有及时性和时效性，在用户选用播放时间时，不能使用本机时间，需要使用服务器时间；解决方案查询资料采用通过创建XMLHttpRequest new Date(xmlHttp.getResponseHeader('Date'))来获取；

该项目分为：消息管理、模板管理、媒体管理三大模块， 整个项目的功能就是上传文件，制作消息模板，下发5G消息； 1、使用者通过媒体管理模块可以上传图片、音频、视频三种媒体文件； 2、使用者上传的媒体文件，可以在模板管理中通过新增模块，被制作成消息模板； 3、使用者制成的消息模板，可以在消息管理模块中，通过新增消息功能被引用并被下发至指定接受*号； 我负责整个项目的所有模块前端功能开发，项目使用的是vue2 进行项目搭建，Element UI 进行组件封装，统一封装的axios进行接口请求，scss 进 行页面样式书写。最终通过测试，在支持5G消息模块的*进行测试，能完成消息的下发并被接收，最终上线； 项目遇到的难题：其中整个项目的核心在于消息模板的制作，其中消息模板在关于卡片的功能开发中，涉及到数据操作层级过深， 且每个数据层均有操作，导致数据更新异常问题，通过开发经验意识到是数组操作中数据更新的问题，后面采用了用新数组赋值 老数组的方法避免了视图更新问题；还有些问题时间太长了，很难回忆了...