前端岗位拥有7工作经验,css、js、es6等基础知识扎实,掌握Vue2、Vue3、React等前端主流框架,掌握Element-Plus-UI、A nt-design-UI、Vant-UI 等多种主流UI框架,掌握使用各种前端相关的开发工具,从0到1的多种类项目开发经验,以及前端技术 方面的主导、把控,项目构建部署流程及代码提交质量把控。难点积极攻克项目中的各种难点,熟练针对各个类型的前端进项目进 行性能优化。
众诚UI
2023.08-至今
1、领导并实施众诚UI项目, 搭建底层框架及项目统一的配置化管理以及产品业务场景封装项目框架,根据产品业务指定功能组件 开发优先级分发开发任务。 2、运用Vue 3、Pinia、Vant等技术栈,集成Echarts,优化用户界面与功能。 3、主导主题模块定制,缩放组件,主页低代码定制化、附件传输、数据图表定制化二次封装、等通用组件封装,增强界面视觉效 果。 4、高效解决日常技术难题,严格把控版本控制与项目进度,确保按时交付高质量成果。
众诚Sass
2023.10-2023.08
1.项目内容:PC端前端开发:负责通知公告、通知管理、公文交换、信息报送、知识云库、流程办理等相关模块开发,移动端同样 进行对应模块的开发迭代。
2.技术方面采用了vte构建项目,vue3作为前端开发框架、Element-plus U框架,移动端则采用了vant Ul框架并利用webapp方 式嵌入app中,部分模块使用安卓原生更好的提升了用户的操作体验。
3.优化方面:项目中组件进行按需加载减少了项目体积,CDN和图片懒加载,极大提升了项目的运行速度,用户的操作体验明显提 升。使用websocket对实时数据进行获取和推送处理,减少了大量的页面http请求,按钮采用节流方式避免用户重复点击时多次 触发请求增加项目负荷,过滤器封装供及公共方法封装以及可复用组件封装极大的减少了代码量,提高了项目加载速度。
机房综合监控(管理端+数据大屏)
2022.03-2023.10
1.本项目集成了资产设备数据统计管理、实时监测机房温湿度、空调、UPS、门禁设备、柜内设备等,异常情况及时告警,日志实时 提醒及系统管理自定义权限等功能。
2.技术栈应用了 React 全家桶、Ant Design、Redux-Thunk、Echarts等技术进行开发
3.采用React-Router-Dom 实现单页面应用的开发。
4.采用websocket进行长连接获取实时数据,提高获取服务的效率和稳定性
5.提供数据报表等资料的导入导出功能,方便企业对数据管理和分析。
6.利用videoJs结合m3u8视频流实时监控、websocket实时告警返回机房异常情况
7.使用Three.js及Echarts完成数据大屏的可视化并优化样式
IOC移动端
1.本项目为华为内部使用的APP,主要集成模块为推荐、规模、风险、专题等。
2.技术栈方面本项目采用的vue3、以及公司内部的Aui作为本项目的UI组件库
3.采用i8n插件实现项目国际化,支持多语言展示,满足了全球用户使用。
2021.10-2022.03
4.项目中通过搭建动态配置关联封装的各个组件,通过引入动态配置表单、表格以及按钮交互事件从而减少代码量
5.通过Portalaccekerate获取接口返回数据进行中台服务配置再返回前端业务所需数据格式处理减少项目代码量
6.由于项目中集成了不同业务工程,为提高调试效率采用了Fikdler2拦截进行本地调试及修改,从而更快的定位问题并解决
lsales-合同
2021.04-2021.10
1.本项目是华为内部的一套销售系统,工作方面所负责的模块为合同模块,进行一些合同的创建-评审-发布-签订之类的流程动作。
2.技术栈方面本项目采用的vue3、以及公司内部的Aui作为本项目的UI组件库
3.采用i8n插件实现项目国际化,支持多语言展示,满足了全球用户使用。
4.项目中通过搭建动态配置关联封装的各个组件,通过引入动态配置表单、表格以及按钮交互事件从而减少代码量
5.通过Portalaccekerate获取接口返回数据进行中台服务配置再返回前端业务所需数据格式处理减少项目代码量
6.由于项目中集成了不同业务工程,为提高调试效率采用了Fikdler2拦截进行本地调试及修改,从而更快的定位问题并解决
智慧机场
2021.01-2021.04
1.本项目应用于航空项目内部项目应用综合管理的项目之一,针对机场登机人员的信息处理,高危风险排查定位,综合历史浏览操 作、用户权限等相关功能为一体。
2.技术栈方面采用了vue2作为前端开发框架,element-ui做为UI组件库美观页面
3.使用axios请求后端接口加载动态页面完成页面交互
4.使用videoJS及websocket服务进行视频实时监控
5.采用canvas截取视频帧数画面,以及涂鸭、自定义签名功能以实现对高危风险进行标记
6.对ie浏览器进行兼容处理