1.熟练使用Vue技术栈进行工程化开发
2.熟悉HTML5/Css3,例如语义化、Flex布局、响应式布局和REM,能快速开发出PC/H5网页效果;熟悉常见CSS预处理 器 的使用,例如Sass/Less的计算、混合、函数、循环等
3.熟悉ES标准,熟悉常见特性的使用,例如闭包、原型链、this、Promise、ES6模块化、递归
4.熟悉常用UI组件库,例如Element、Vant,擅长二次封装业务组件
5.熟悉数据可视化工具,例如ECharts,能快速实现各类图表的绘制
6.熟悉常用工具,例如Git 及GitLab、NPM、SwaggerUI、Postman等
7.熟悉Axios ,能独立封装请求模块;了解HTTP协议,理解客户端、服务端通信机制
8.了解一定Node.js , Webpack 知识;
9.了解Vue3,例如Proxy响应式原理、Composition API等
一、君创小微APP
技术栈:Vue、Vue Router、Vuex、Vue CLI、Vant UI、Axios、iconfont、Less
项目描述:君创小微APP是上海君创的H5租赁软件,帮助供应商、客户录入信息,提高客户与供应商创立项目进行合同签署效率,方便对客户、供应商租赁情况了解,对于已签合同逾期未交款存在催债服务,实现客户/供应商租赁简单化。主要模块有首页、报价管理、租金管理、逾期管理、合同管理、信息采集、客户管理、供应商管理、项目管理、GPS管理、催收管理等
负责模块︰合同管理、信息采集、客户管理、供应商管理、项目管理、GPS管理等
项目职责
负责客户管理、供应商管理的实现,结合Vuex实现 客户id、担保人id、供应商id存储,避免客户管理、供应商管理页面路由跳转都需要携带重复参数,提升代码可维护性,以及降低冗余代码。
负责部分页面缓存的实现。结合beforeRouteLeave、beforeRouteEnter,activated和keep-alive缓存指定页面,实现跳转指定页面,表单信息部分内容修改,以及数据是否刷新。
负责用户信息、操作权限、Getter等Vuex模块的封装;根据用户角色实现操作显隐、以及页面内容的显隐
负责部分原生方法调用封装,结合JS调用WKWebView方法并且 WKWebView给JS回调实现IOS与JS进行交互。
封装客户管理详情组件、图片预览组件、上传按钮组件,结合ref实现打开图片预览组件、上传按钮组件,并通过自定义组件的v-model降低组件通信的冗余代码。
二、外贸-证券尊享机构交易平台
技术栈:Vue、Vue Router、Vuex、Vue CLI、Element UI、Axios、iconfont、Less、ECharts
项目描述:机构交易是外贸-尊享的web端管理用户交易平台,帮助尊享降低管理交易人员的成本,提高交易人员的交易效率,打破时间与空间的限制,实现机构交易简单化与管理化。主要模块有首页、申请开户、开户审核、交易账户管理、理财机构可购产品、产品销售、指令交易、分红信息等
负责模块︰登录、申请开户、开户审核、交易账户管理、理财机构可购产品、产品销售、分红信息等
项目职责︰
负责HTTР请求模块的封装,包括自定义Axios 实例、模块化请求函数、配置请求与响应拦截器,实现了Token自动注入、响应数据“脱壳”、响应错误状态码统一处理、Token的无感刷新。负责本地存储操作模块的封装,结合Vuex实现Token的存储、获取与移除。
负责用户信息、路由权限、Getter 等 Vuex模块的封装;负责组件自动化注册模块的封装,实现全局自定义组件的自动化批量注册。
负责登录与登出功能的实现,包括登录前的数据获取和校验、登录后的Token持久化与Vuex临时存储;登出的状态管理、再次登录跳转至登出页;结合全局前置导航守卫,对权限页面进行了严密的逻辑控制;结合全局后置导航守卫,优化页面跳转体验。
负责提交开户资料功能的实现,包括文件上传组件封装、提交表单校验、申请开户记录列表查看、申请记录查看详情。将文件上传模块、申请记录详情模块分别封装为公共组件,提升代码复用率与可维护性,并通过自定义组件的v-model降低组件通信的冗余代码。
负责产品销售页面展示的实现,包括搜索条件组件封装、在售产品详情页、新发产品详情页、业绩曲线图表绘制。
封装批量导入组件、导入结果组件,结合ref实现,将批量导入后在导入结果组件进行回显;通过emit,将批量导入成功后调用列表查询接口,结合子传父实现批量导入后列表更新。