● 熟练使用 html5 和 css 3进行页面布局并了解其规范,熟悉 flex 布局、圣杯布局、双飞翼布局等多种布局方式。
● 熟练使用 es6 的相关语法,如 const、let 、箭头函数、promise、async 和 await 等。
● 熟练使用 vue-cli 进行项目的开发与生产模式的上线打包。
● 熟练使用 vue 组件之间通信和其常用的插件如 vue-router、vuex 。
● 熟练使用 vue 3结合 ts 语法、pinia 状态管理工具进行开发。
● 熟练使用 ajax 及 ajax 库 axios 技术实现前后台的数据交互,熟悉 axios 的二次封装。
● 熟练的使用相关 ui 库如 vant 、element-ui、avue和 element-plus。
● 熟悉 lodash、swiper、moment.js 等库,对于 echarts 也能简单使用。
● 熟悉作用域,闭包,原型,继承,异步等相关 js 技术,熟悉 JS 的事件循环机制。
● 熟悉使用 git 进行项目代码的管理与共享。
● 熟悉原生小程序的开发,对 uni-app 开发也有过尝试。
● 熟悉 vue的 MVVM 的响应式数据双向绑定的原理。
● 熟悉 echarts ,antv/g6绘图工具,可进行线图、柱状图、饼图、球图配置绘图。
● 了解 nodejs 的 express 技术
绩效考核系统
该项目是基于中石油oa办公的一套绩效考核系统,方便与人事对员工的定制目标、评分、考核等。
职责描述:
负责此项目的合同管理和考核管理。
核心技术:
● 使用html/sass并结合 element-ui 组件库进行页面的搭建。
● 使用el-table 实现一个可达到需求的表格(树型二级表格,可选择每一行(多选并可选一级/二级)移动到其他表格,前端实现上移下移,单元格自动联动算分)。
● 根据不同登录角色结合<components> 与 is 属性进行不同情况页面渲染。
● 采用正则进行表格单元格输入框校验,并使用blur进行数据响应式算分。
● 使用window.URL.createObjectURL()并结合new Blob()进行excel文件导出。
中国石油招标中心业务管理平台
项目描述:
中国石油招标中心业务管理平台立足于中石油物资公司的实际业务、财务、税务情况,吸纳招标业内先进的管理思想,规范招标业务的全生命周期的运行流程与内部审批流程,配合银行打通银企直联通道,优化收付款账户体系,集成发票自动化系统。
职责描述:
负责领导看板、数据补录、数据补录审批的开发。
核心技术:
● 使用 avue、element-ui 组件库进行页面的搭建。
● 使用 echarts 进行图形的配置绘制。
● 使用表单验证与正则进行检验。
● 使用 watch 监视进行数据更改操作。
● 使用父调用子的方法来传递数据,$ref .方法。
● 使用 echarts-liquidfill 进行水球图配置绘制。
● 使用 html2canvas、jspdf 进行 pdf 下载。
● 使用 antv/s2进行横向表格绘制。
中石油仓储系统
项目描述:
中石油仓储系统是一款可以通过线上对中石油的物资货物进行出库、入库、货转的系统。
职责描述:
负责物资模块:(盘点、货权转移、仓储费用、动态综合等页面)的开发。
核心技术:
● 使用 avue 组件库进行页面的搭建。
● 使用v-if与v-show 等指令进行元素显示与隐藏。
● 使用递归写法进行 children 树形结构的过滤。
● 使用 element - ui 与 avue 结合使用开发。
● 使用$set 方法进行响应数据改动开发。
● 使用$nexttick 来延缓代码执行,等待页面第二次渲染。
集众电采3.0后台管理系统
项目描述:
是一个管理前台所需数据的系统,为工作人员提供权限管理、商品管理、平台管理等。
职责描述:
主要负责该项目的(RBAC)权限控制、用户管理等功能。
核心技术:
● 使用 element-Plus进行快速搭建项目界面,实现按需引入。
● 使用递归算法实现静态路由表的按需筛选。
● 使用 localStorage 代替cookie 实现token 的本地持久化存储。
● 使用 import 函数实现路由组件的懒加载,优化了网站的性能。
● 使用前置路由守卫解决了页面跳转的用户信息请求。
● 使用pinia的状态管理数据进行数据管理。
● 使用ts语言进行静态类型约束,减少开发错误。
集众电采商城
项目描述:
集众电采商城是一款可以通过互联网购买各种家电配件以及加工和材料的电商平台。
职责描述:
负责首页和搜索页以及公司介绍页的开发。
核心技术:
● 使用vue-router的进行携带参数的编程式跳转。
● 使用$nextTick 解决了 swiper 有时没有效果的 bug。
● 使用v-show的指令进行元素显示与隐藏 。
● 重写了 vue router 的 push 和 replace 方法,解决了路由重复跳转报错的 bug。
● 网站的图标字体是使用的阿里云图标库。这样可以减少请求次数,对性能做出优化。
● 利用事件委托来减少事件的注册,节省内存。
● 使用节流优化了一级分类菜单的事件。
本网站基于中石油的招标投标进行开发。 主要石油vue2+element-ui+axios+vuex+vue-router等进行开发,此网站主要用于数据体现,方便用户进行查看操作。
其余全都是公司内部内网开发,无法共享,唯一的可共享外网官网,在第一个案例,请大家观看,不好意思,见谅。