•具有大型项目开发经验,独立完成组件的开发功能。
•熟练使用vue框架(vue2+vue3),了解vue的生命周期。
•开发过PC端(官网【具有动态效果】、大屏、后台管理系统、公司自研项目等)、移动端(官网、公司自研项目、微信公众号等)等项目。
•熟练使用elementUi、,Ant Design vue、Vant、uni-app库等主流UI框架,使用过 uni-app 开发过移动端项目。
•能根据要求使用 HTML+CSS 完成页面布局和 UI设计,熟练使用 HTML5+CSS3. scss、Less,flex布局和 rem 自适应布局,进行 PC 端及 web 移动端页面的布局。
•熟练模块化、组件化前端开发方式,了解各个组件间的通信方法。
•具有zrender、canvas、leaflet、cesium、Echarts、高德地图Api等画图开发经验。
•掌握Git的基础使用,能够使用Git工具进行代码的上传、合并、解决冲突、创建新分支、提交代码等。
•使用过mySql数据库,会写mySql增删改查等语句。
•能够按时保质的完成任务。并进行简单的自测。
•学习能力强、积极向上、沟通能力强、开发逻辑清晰、为人处事和善、与他人关系友好
一、战功 App(移动端 vue)
本系统为综合定位系统,配合硬件(单兵、安全员、指挥员、手环、指挥站、登记器等)组合进行定位,主要用户为全国各地消防队,配合消防员和指挥人员进行搜救及撤离活动,进行室内定位以及展示,地图整体为cesium 三维地图,软件有:创建灾情、创建建筑物、人员内攻、呼叫、发布撤离、平面定位、平面标绘等功能,分为指挥模式和观看模式,且支持离线,具有重连同步信息等优势。
负责内容:
使用 Vue2,uView,Vuex,TypeScript,axios,,uni-app 写此app。其中如期完成了标绘建筑物楼板(zrender绘制),描绘平面定位人员距安全位置的距离(zrender绘制),写内攻面板(使用到了mySql数据库)实现建筑物内攻人员信息动态展示,并利用uniapp中的IntersectionObserver完事件轴功能(发送视频/图片,查看视频/图片,实时接收消息,手写上拉刷新下拉加载等功能。)完成了信标实时报警功能。
详细介绍功能点:
1.标绘建筑物楼板:从vueX中拿到楼板及室内布局数据,将经纬度转换成WGS84,利用zrender绘画出每一层楼的样子。
2.描绘平面定位人员距安全位置的距离:主要在一个有刻度的坐标轴上,动态画出多个消防员与各个安全出口的连线,并动态展示米数。通过点击人员头像,控制线段的隐藏与显示。
3.内攻面板:记录安全员身体及被登记的情况。根据建筑物和安全员进行分类,既能在线使用,也能离线使用。通过mySql,利用async/await对三个表进行联查,写出表头和内攻人员登入登出的情况。
4.发送直报:能够利用uView组件写出上传视频、上传图片、上传文字、查看图片、观看视频、文字超过一定高度收起/展开文字等功能。
5.事件轴:
•有触底加载功能:利用uni-app中的Intersection Observer Api,它具有监测指定元素是否暴露在屏幕上的功能。当true时,加载下一页数据。
•实时接收消息:利用webSoket,将收集到的新的消息存储到vueX中,并弹出小框(右上角标有消息数量),告知用户有新消息。如果用户点击弹窗查看新消息,则将列表从第一页开始加载。若不点击此弹框,用户的列表将永远请求旧的数据。(类似于微信朋友圈)
•切换列表:有7个类型的列表,列表间可以互相切换。利用枚举,定出7个类型的值。选择哪个类型的列表,就去请求哪个列表的数据。
•手写时间轴样式:由于我公司设计的时间轴样式特殊,不能使用其他框架的时间轴,所以就自己手写了一个。
•利用dayJs,显示出事件轴的时间(昨天,今天,明天,年月日)。
6.信标实时报警:
•数据来源:硬件或后端。硬件通过蓝牙或自组网,以报文的形式传递。前端接收数据时会利用数据上的时间戳判断是否为最新数据、重复数据。
•报警弹窗:利用webSoket,当接收到数据时,弹出层次最高的报警弹窗。
•信标列表及信标筛选功能:信标列表的筛选具有缓存功能,将用户选择的条件放入vuex中,每次用户打开列表,会默认展示符合上一次的筛选条件的数据。
7.解决过同事写的某些需求更改的地方或bug:如leaflet、cesium等。
技术要点:Vue2,uView,Vuex, TypeScript, axios, cesium,uni-app
二、消防管理平台
结合人人企业平台构造,实现战功App用户及日志等后台管理,主要亮点为人员权限分配以及登陆人员与设备 id绑定功能。是一个PC端后台管理系统。
负责内容:
与后端共同完成接口定义,实现数据交互、动态信息展现。完成过表格、大屏、canvas绘制等页面。
详细介绍功能点:
1.表格:用element表单组件和card组件完成表格渲染。
2.大屏:利用百分比、rem和desplay布局,完成大屏基本框架。用echarts展示数据。
3.canvas绘制坐标轴:要求直观的展示每个灾情的不同类型消防车辆的到场时间,并用不同颜色的方块表示出来。
三、微信公众号
实时展示战功 app 中的内攻,内功流水单,途中安检,现场安检,预警状态,现场直报信息;并以事件轴的形式展示
负责内容:整体。
功能介绍:用vue2开发的一个h5项目。内含微信扫一扫功能(但是我封装了一些常用的微信功能在文件里面,以便增加需求时时随时调用)。页面都是用vant写的表单。
技术要点:
•使用微信公众平台,配置微信公众号信息
•开发时使用内网穿透,并微信公众平台中配置内网穿透网址
•使用微信开发者工具进行调试
四、官网
写过多个官网,其中还写过带动画的官网。主要有首页、公司介绍、产品介绍、新闻资讯、联系我们、导航栏、底部。
•用Less或者scss使c
实时展示战功 app 中的内攻,内功流水单,途中安检,现场安检,预警状态,现场直报信息;并以事 件轴的形式展示 负责内容:整体。 功能介绍:用vue2开发的一个h5项目。内含微信扫一扫功能(但是我封装了一些常用的微信功能在文件里面,以便增加需求时时随时调用)。页面都是用va
本系统为综合定位系统,配合硬件(单兵、安全员、指挥员、手环、指挥站、登记器等)组合进行定位,主要用户为全国各地消防队,配合消防员和指挥人员进行搜救及撤离活动,进行室内定位以及展示,地图整体为cesium 三维地图,软件有:创建灾情、创建建筑物、人员内攻、呼叫、发布撤离、平面定位、