熟练使用 HTML5 对页面进行编写,并在布局上使用 FELX 弹性布局;
熟练使用 SCSS 预处理器对 CSS 样式代码进行统一维护;
熟练使用 Animate 动画库,可以自己编写 CSS 动画;
对 VUE 框架有一定的了解和认知;
使用 VUE 框架搭配 ElementUI,对其进行二次封装并发布 NPM 包;
使用 CLI2 或 CLI3 对前端开发框架进行搭建,并统一封装前端请求、路由跳转及其他项目开始时需要
用到的功能;
熟练使用 ES5 或 ES6 语法对前端的逻辑层进行开发; 熟练掌握小程序开发流程并有独立开发经验;
使用 Ngnix 对多个项目进行代理;
前端所需要使用的静态资源,例如 LOGO、ICON、SVG、Theme(页面主体样式)等,使用 Ngnix 进行统一的代理,不用在项目中进行反复引用;
熟练使用 ELementUI 控件库、Echarts 插件、ImageViewers(图片处理插件)、高德地图 API 等;
在 VUE 框架开发中借助 Webpack 对前端代码进行多种环境的打包,并在前端对多种环境的 IP 地址进
行统一维护;
项目名称:智云报销平台 项目介绍:该系统针对于铁路集团进行差旅费报销,在系统中提供用户的管理,角色的管理,随手记,出差 申请单,报销申请,财务人员和业务人员的审批,并在后期增加发票关联、电子签名、工资查询以及 SpreadJS 打印等功能。
项目职责:
使用 Vue+Element+admin 开源框架进行二次搭建;
封装页面中常用组件,例如选择审批人、出差人、审批流的展示;
统一封装前端所需要的过滤器,例如金额格式的过滤,日期过滤以及其他文本的过滤;
借助 Axios 封装前端请求;
对后台响应的状态码进行统一封装并在页面中相关操作的地方进项提示;
使用 SM4(国密算法)对传输内容和返回内容进行加密和解密;
使用 VUEX 封装需要多次调用的方法,例如获取用户信息,获取用户权限以及获取菜单权限等操作;
使用动态组件来实现切换页面跳转;
统一封装前端路由映射表,将后台返回的菜单列表和前端本地路由进行统一的组合,最后返回一个整体
的菜单树;
使用 SPreadJS 实现前端打印功能;
配置多个环境的请求 IP 和增加多个环境下前端编译的指令;
负责项目后期的维护以及迭代。
项目名称:智云管控平台
项目介绍:该系统作为“智云报销平台”的 2.0 版本,系统中不仅提供 1.0 版本提供的功能并提供业务管理、 费用报销、业务报账、核算出纳、原始凭证以及预算系统等 20 多个功能。
项目职责:
使用 VUE+CL3 搭建前端开发架构;
使用 VUE+ElementUI 控件库结合项目中所需要的功能进行二次封装;
借助 Axios 封装前端请求方法;
使用 Ngnix 进行代理,将多个模块进行统一管理;
使用 VUE-I18n 实现项目的多语言国际化;
使用 VUEX 封装前端需要多次调用的方法;
借助 Cookie 存值的方式实现浏览器多个页签下相互操作刷新局部的功能;
使用 Iconfont 图标库进行页面图标的展示;
将本地复用资源例如 Logo、SVG、Icon 和统一样式处理使用 Ngnix 进行统一配置,避免在前端本地开
发时每个模块和每个项目的重复引用
使用 SPreadJS 实现前端打印功能
项目名称:智云报销小程序 项目介绍:该项目针对于智云报销平台和智云管控平台的功能开发的微信小程序,在该小程序中还原 PC 端 的所有功能;
项目职责:
该小程序使用原生开发,在该小程序中对 wx.request()方法进行统一的封装;
负责该小程序所有功能的开发以及后期的维护和迭代;
封装页面中常用的组件,例如省市区的三级联动,地点的选择,弹框的选择等其他通用组件的封装; 使用 SM4(国密算法)对数据进行加解密操作;
使用原生方法实现图片的裁剪;
使用 Scroll-view 实现页面的上拉加载功能;
将每个模块所需要的请求接口抽离出来,达到一个模块对应一个请求脚本,避免代码的冗余和不规范; 在 Config.js 脚本文件中对多个环境的 IP 进行统一的配置;
针对不同环境下的功能操作,通过读取 Config.js 脚本文件中的配置来实现不同功能的显示和操作;
在列表操作中,将左滑删除等功能进行统一的封装处理;
以上3个项目为最近一年的开发项目,每个项目的页面大概在100个页面以上
角色 | 职位 |
负责人 | 前端开发工程师 |
队员 | UI设计师 |
队员 | 前端工程师 |
队员 | 后端工程师 |
项目职责: 该小程序使用原生开发,在该小程序中对 wx.request()方法进行统一的封装; 负责该小程序所有功能的开发以及后期的维护和迭代; 封装页面中常用的组件,例如省市区的三级联动,地点的选择,弹框的选择等其他通用组件的封装; 使用 SM4(
项目介绍:该系统作为“智云报销平台”的 2.0 版本,系统中不仅提供 1.0 版本提供的功能并提供业务管理、 费用报销、业务报账、核算出纳、原始凭证以及预算系统等 20 多个功能。 项目职责: 使用 VUE+CL3 搭建前端开发架构; 使用 VUE+Eleme