熟练 HTML、CSS、Javascript,网络协议( HTTP/HTTPS),web 交互及适配。
熟练使用 Vue2、Vue3 框架以及 VueX、VueRouter 等相关技术,了解 Vue 原理。
熟练使用 npm,git 等开发工具,对前端工程化、模块化、组件有一定经验。
熟悉各种常用设计模式,常用 MVC 和 MVVM 模式,异步编程以及响应式开发等概念。
熟悉 Typescript 语法,有过 vue3+Typescript 的开发经验。
熟练使用 Element-ui、Elemnet-plus、Vant 等 UI 库进行快速布局。
熟练 less、sass 等预编译处理样式。
熟悉前端页面与移动端、PC 客户端交互及适配,有个 uniapp 开发经验。
熟悉可视化工具库 echart,可制作个性化数据可视化图表。
项目三 重点项目进度管控系统 vue2 技术栈+Echarts
项目描述:该项目是石油公司为统计各地的挖井数量以及上报各地的挖掘情况,主要是提供了 一个 pc 端实时
查看各地上报数量是否符合公司统计数量以及方便工作人员核实数据,若有问题就会通过系统流程上报领导的大
屏项目;也是为了业务数据进行多维度可视化分析。
项目技术:Vue2.0+vue-router+vuex +element-ui+less+axios+echarts
项目职责:
1. 二次封装 Echarts 图表达到 10 种以上,满足通用业务需求,提升开发效率,并且合并到公司公共组件库。
2. 负责态势分析模块的页面模块开发和后端接口调用,使用 Element-UI 开发组件,并封装公共组件;
3. 用 mixins 提取分页表格公共逻辑,减少重复代码编写。封装二进制文件流文件下载请求;
4. 使用甲方提供的地图,调用 API 实现地图不同覆盖物及地点搜索、点击弹窗查看异常信息与基本信息;
5. 使用 vue-router 路由加载,解决用户初次进入时的偶发性白屏现象,使用 keep-alive 避免页面失活,减
少请求,提升性能;
6. 使用 Datav 搭建系统的基本框架,通过 Echarts 不同图表显示各地区、单位采集石油的数据,以多种形式
的图表进行展示,方便统计数据;
7. 通过把常用组件进行封装复用,极大的减少代码量;
该项目是石油公司为统计各地的挖井数量以及上报各地的挖掘情况,主要是提供了 一个 pc 端实时 查看各地上报数量是否符合公司统计数量以及方便工作人员核实数据,若有问题就会通过系统流程上报领导的大 屏项目;也是为了业务数据进行多维度可视化分析。
参加产品研讨会,理解需求,百分百还原设计稿页面效果,开发对应的模块; 2. 合理运用 vuex 进行状态管理,实现每个模块之间的交互,并进行对应的数据管理; 3. .封装实现树状层级的信息展示; 4. 对接后端同事,前期数据 mock,中期 API 替换,后期数据比对联调;