




个人介绍
我是程序员客栈的一名前端开发者,熟练掌握大屏可视化开发、后台管理系统开发及复杂逻辑开发。
我毕业于大连海事大学,担任浙江大华股份有限公司的前端开发工程师。
熟练使用vue全家桶、vue2、vue3及node服务
我还有一位后台同事一起,所以如果您需要【前端开发】请找我,需要【全栈开发】还请找我,请点击“立即预约”吧!
工作经历
2018-04-10 -至今浙江大华股份有限公司前端开发工程师
1. 需求澄清:与项目经理及技术团队进行充分沟通,了解该项目的业务逻辑,有利于后期开发。 2. 需求评审:充分理解项目需求及需求细节,并评审前端开发需要的工作量,且提出 UI 的不合理处。 3. 项目开发:与后台、客户端开发同事及时沟通,制定接口字段,便于前端开发,并制定好联调时间避免项目延期。 4. 项目问题修改:支持项目提出的需求修改,以及对测试同事提出的 bug 进行修改。
教育经历
2015-09-01 - 2018-03-31大连海事大学电子科学与技术硕士
技能

vue 全家桶、webpack、scss、elementUI 1)项目布局——使用 flex 进行布局。 2)功能实现——使用 elementUI 组件库实现整个平台功能的开发。


1)项目布局——使用 vw 进行自适应布局。 2)功能实现——使用 elementUI 组件库实现整个平台功能的开发。 3)画线部分——使用 canvas 进行画线功能(点、线、闭合区域、非闭合区域、撤销功能、退出功能),并将 canvas 画线部 分根据图片大小与画线区域的比例进行自适应调整 canvas 大小。 4)视频实时播放——使用 EasyPlayer.js H5 播放器进行播放实时视频流。 5)导入、导出功能——将流文件进行下载;上传文件使用 formData 格式上传文件。


1)大屏布局——使用媒体查询,根据不同的分辨率采用不同的布局样式;使用 rem 做自适应布局。 2)动画制作——使用轻量的 JavaScript 动画库 Anime.js 制作复杂动画,使用 css3 中 animation 制作简单动画。 3)图表——使用 echarts 可视化库实现;echarts 实现自适应功能。 4)实时更新——使用 websocket 接收实时数据进行更新;处理时间使用 moment.js 库 5)地图——使用百度地图 vue-baidu-map 插件 6)视频实时播放——使用 EasyPlayer.js H5 播放器进行播放实时视频流。 1、 多次使用组件之间的通信,进行组件之间的传值,监听数据变化调整组件大小及布局 2、 使用 postMessage 向 iframe 传值,使用监听 message 事件接收参数 3、 根据填写的接口地址、参数、请求头,得到数据,进行页面数据的实时更新
