猿急送>

石家庄前端兼职程序员

ID：315076

陌路.

web前端工程师

公司信息：
石家庄星汉文化传媒有限公司

工作经验：
3年

兼职日薪：
800元/8小时

兼职时间：
下班后
周六
周日

所在区域：
石家庄
全区

技术能力

1. 熟练掌握photoshop,蓝湖等设计软件以及协作平台的使用,能够实现页面的切图以及页面的100%还原
2. 熟练掌握 HTML5、CSS3等技术,熟悉 W3C 标准和语义化标签,能够基于该技术实现PC 端以及移动端的静态页面开发,对浏览器兼容性处理有一定的经验
3. 熟练掌握JavaScript,对javascript的语言特性以及使用有一定的经验,能够脱离框架进行传统项目的独立开发
4. 熟练掌握jquery、zepto等技术,能够实现pc端和h5端的dom操作以及动画的开发
5. 熟练掌握媒体查询、Bootstrap等技术,基于该技术能够实现H5端、以及响应式网站的开发
6. 熟练使用ElementUI、MintUI、VantUI 等框架,能够基于 UI 框架进行快速开发
7. 熟练掌握Vue全家桶、ES6 语法等技术,能够基于 es6 新特性编写出更加简洁高效的代码,以及基于vue全家桶构建前端项目的实际经验
8. 熟练掌握ajax、axios、fetch、websocket等技术,能够基于该类实现前后端数据交互
9. 熟练掌握微信小程序语法、Api的使用,能够基于小程序技能实现微信小程序的开发,具有实际的开发经验
10. 熟练掌握uni-app跨平台开发框架的使用,能够基于uni-app实现跨端平台的开发,具有实际的开发经验
11. 熟练掌握GIT以及GITLAB等,能够基于GIT进行项目的版本控制,具有多人协同开发的经验
12. 熟练掌握数据可视化技术,能够基于Echarts、百度地图api等技术进行图表和地图的开发
13. 熟练掌握nodeJS、koa以及mysql,能够通过koa和mysql实现增删改查等接口的开发

项目经验

**项目名称:** 园区安防监控系统

**项目介绍:** 本项目是一个安防监控系统, 针对门禁、停车、视频结构化、住宿、车票、手机号码、收入等多源数据进行基于空间位置、时间、场景模式的多维AI分析，从而实现对可疑人员和车辆的智能预警

**技术栈:** vue3，ts，axios，element-plus，git，echarts，es6，websocket

**项目难点与解决方案:**

1. 使用prettier、eslint解决项目中代码格式化以及代码风格统一问题,使用git hooks中husky、commitzen、commitlint解决git规范化提交以及格式校验问题

2. 后端采用微服务部署的方式,导致前端需要请求多个baseURL, 利用class类对axios进行封装,通过传参方式控制axios.create配置解决不同baseURL请求问题

3. 由于项目不同的baseURL需要的参数不同, 针对不同baseURL请求设置全局拦截器、局部拦截器、单个拦截器

4. 项目中采用全局loading加载,导致任何请求都会产生loading, 通过封装api接口设置showLoading控制单个请求loading是否显示

5. 使用单例模式解决全局loading时加载是loading重复开启问题

6. 使用vue递归组件结合后台返回的菜单数据解决项目中无限极菜单渲染的问题

7. 使用vue组件通信结合slot插件对element-plus表格组件、表单组件、分页组件、弹窗组件、文件上传组件进行二次封装,解决项目中通用业务重复开发

8. 使用keep-alive实现项目中表单数据的缓存来提高用户体验以及解决表单数据丢失问题

......

**项目名称:** 安防监控系统可视化大屏

**项目介绍:** 本项目是一个安防监控系统, 针对门禁、停车、视频结构化、住宿、车票、手机号码、收入等多源数据进行基于空间位置、时间、场景模式的多维AI分析，从而实现对可疑人员和车辆的智能预警

**项目难点与解决方案:**

1. 基于3D建模结合数字孪生平台实现园区三维可视化场景,解决项目园区概览、安防点位等多个场景的监控

2. 使用海康威视提供的SDK文件解决项目中监控的实时预览与回放功能

3. 使用echarts实现事件趋势统计折现图、运营安防分析与设备覆盖率的雷达图、以及其他相关模块的饼图、柱状图等图表的展示

4. 使用WebSocket解决项目中各模块数据的实时获取

5. 使用window.resize结合echarts.resize方法解决项目中图表自适应问题

6. 使用 vue.config.js 中的 proxy 代理解决本地跨域的问题，使用 ningx 的配置实现项目在线上跨域的问题

7. 使用Flexible.js、px2rem结合媒体查询解决项目适配问题

8. 使用css3中animation以及keyframes实现项目中各项数据列表滚动效果

......