1、vue移动端商城
采用vue-cli4搭建项目;
设计前端路由结构,用vue-router搭建路由;
使用axios库封装请求数据方法,获取数据并使用;
使用vuex实现组件之间的数据共享;
使用better-scroll实现上拉加载更多效果;
2、uniapp设备管理小程序
使用uni-ui组件库及scss设计前端页面;
搜索框的查询功能采用防抖技术,减少请求次数,避免数据渲染混乱
实现设备录入生成二维码,长按保存图片至本地图库;
实现扫描二维码查看设备信息;
使用canvas及组件库可视化设备数据信息;
3、公司官网
采用vue-cli4搭建项目,使用element-ui组件库,使用less预处理技术实现各种交互动效;
通过rem实现适配,完成PC端及移动端的开发;
实现第三方微信登录及短信登录;通过导航守卫解决页面跳转前的身份认证;
使用axios响应拦截器拦截,当token过期时,通过refresh_token再次发起请求,实现无感刷新;
通过路由懒加载、图片优化、gzip压缩等进行前端性能优化,从9秒左右的加载优化至1秒内。
4、变电站项目
通过WebSocket实现录像完整性检测、录像文件下载,blob文件下载等功能;
使用flv.js实现监控直播,了解前端直播技术;
基于canvas图形库fabric.js实现工程图纸动态增删标注点;
基于Echarts实现检测数据可视化,及七大区地图数据展示;
使用自定义指令实现页面内容的权限判断;
设备树实现树懒加载;设备数量过多,通过虚拟列表渲染大量数据;
5、基础开发平台
基于vxe-table封装动态列表组件及表单组件,实现数据模型对象配置后,数据对象的界面化呈现;
整合bpmn.js与vue,实现流程设计、增加扩展属性,可导出xml、在线保存等;
通过动态菜单、动态路由实现基于角色的权限管理;
通过CryptoJS、jsenCrypt加密算法类库实现登录用户名、密码的aes或rsa加密;
6、摄像头实时视频播放app
基于vue-cli的项目,使用Hbuilders打包成安卓app;
实现移动端实时flv视频流的播放;
兼容所有移动端设备;