1、熟练掌握 HTML5、CSS3、JS、es6 ,了解 ts
2、熟练使用 Vue 全家桶、vue、vue-Router、Vue-X、Vue-cli 开发单页应用;熟悉 mvvm、mvc 设计思想
3、熟练 element-ui,mint-ui、vant、Swiper 等前端 UI 库的使用
4、熟练小程序,uniapp,掌握移动端网页开发,能够解决移动端网页的适配问题
5、熟练可视化开发,Echarts 的使用
6、掌握 git、svn 版本控制,npm 包依赖管理工具, postman 等调试工具
7、熟悉 webpack 前端打包工具和 vue-devtools 调试工具以及 less、stylus 等 css 预编译器
8、使用 axios 实现前后台数据的传输, 对 Ajax 技术在 Web
天软人事架构管理系统
项目描述:vue+vuecli 搭建的后台管理系统,属于 ERP 的一个部分,针对公司内部员工组织架构、团队、部门,细到社保、薪酬、
个人消息,主要有首页、公司 设置、社保、权限管理、审批、组织架构、工资、员工、考勤等模块
核心技术:基于 Vue 全家桶 + Axios + Promise 进行开发
负责模块:
1) 组织架构、公司设置、员工列表、首页
2)使用 vue-qr 图片地址生成二维码
3)Promise 二次封装 Axios,统一处理数据结构,状态码
4)使用 websocket 实时更新大屏数据,统计数据
5) 利用 Echarts 实现数据可视化,并针对大量数据渲染做了多层次优化,web worker 创建线程处理大量数据渲染
6) 使用 vuex 共享数据状态、利用本地存储 token 令牌实现登录时效,根据接口需求,添加到请求拦截器
7)vue-pdf 实现 pdf 预览,下载,增删改查等功能的实现
机电租赁 APP 移动开发
项目描述:项目拥有经验丰富的 R&D 无线专业研发团队,配备先进检测试验设备的中心实验室,还有生产规模涵盖各
领域的麦克风制造设备。此次音响租赁 APP 主要用于音响设备的租赁,客户通过 APP 产品菜单确定需要租赁的产品,
然后购买租赁次数,通过 APP 来控制每一次的使用授权。
核心技术:vue.js、mui,混合 APP,软硬件联调
负责模块:
1)使用 vue-esign 完成合同签署签名板功能,代替纸质书面签名,高效提升使用体验和签章效率
2)使用 vue-router 路由懒加载,解决用户初次进入时的偶发性白屏现象,提升用户体验
3)使用 fastclick 解决部分设备点击延迟 300 毫秒的问题,better-scroll 代提原生滚动解决页面滚动生硬不流畅的问题
4)受限于服务器的带宽不足,高流量时段部分接口响应较慢,在备件商城首页和购物车中使用了 localStorage 本地化
数据缓存预加载方案,通过缓存用户最近一次拉取的数据,在用户此后进入页面等待接口响应时预先加载缓存数据,防
止发生空屏 loading 现象
5)使用防抖函数解决用户搜索栏输入匹配时的查询内容显示延迟问题、使用图片懒加载来提高页面渲染性能、使用路由
懒加载来提升主页面加载时间
可信材料认证平台(H5 页面)
项目描述:为后台管理提供个人和法人认证,新增手写签名。
核心技术:uni-app+vue
负责模块:
1) 为 pc 提供个人和公司法人认证
2) 协议页面、上传身份证、个人信息(法人认证没有)、静默认证、成功页面,兼容安卓和 ios,如果是 ios 系统,用 uniapp
的方法,如果是安卓用原生方法
3) 使用 ui 的宽高比例来适配不同屏幕的宽高比
4)swiper 实现轮播图,产品公告
5)封装 navigateTo 路由方法,统一处理路由参数
6)参与项目创建,HBuilder 打包,上线,发布等整个过程
7)封装页面通讯协议,通过 emit、on、once 事件,对页面通讯进行封装
8)使用 html2canvas 把页面生成图片,方便保存数据