熟练掌握HTML5、CSS3、JavaScript、jQuery、AngularJs、Vue2、Ionic;
熟悉Angular2、Bootstrap、Node.js、Highchart;
了解Ext.js、jQuery Mobile;
一、美捷报
这是一款集合了滴滴打车、机票预订、出差费用申请等生活功能。实现了账号对应设备登录绑定、记一笔费用、滴滴打车城市地址。
1.设备登录模块 - 实现了账号绑定、用户登录功能。
2.记一笔费用 - 实现了出差花费记录与记录数据显示。
3.城市地址 - 实现了城市数据显示与模糊搜索。
利用vue-cli脚手架进行项目搭建,配合Vux组件与Vuex状态管理,组件不适于业务逻辑情况下编写通用组件,使用Axios进行前后端通信。滴滴模块负责设备登录,使用cordova封装方法获取用户账号与不同手机对应的设备ID绑定才能使用。
二、协作圈
该项目是PC端Web应用,主要完成任务管理4个模块开发:任务文件、统计、同事、搜索。
1.任务文件模块 - 实现了文件上传、下载、删除等功能。
2.统计模块 - 实现了图表绘制与数据展示。
3.同事模块 - 实现了关注同事与同事数据排序功能。
4.搜索 - 实现了搜索结果展示与其关键字过滤等功能。
项目使用 AngularJs 数据与视图的处理,$http进行数据请求。搜索模块使用$sce服务对关键字进行过滤后ng-bind-html展示到视图。
Bootstrap使用栅格系统row、col作响应式布局,配合Angular使用UI-Bootstrap组件,利用Dropdown、Popover等功能进行弹窗、提示框、模态框等功能交互。
统计模块图表使用Highcharts插件,series属性可以配置图表类型、x轴与y轴的数据显示等。
三、美福
该项目是商城类型H5应用,独立完成模块功能开发,主要完成购物车、收货地址管理、收银台、我的订单、订单详情。
1.购物车模块 - 实现了商品数量增减、多个商家多个商品结算、删除购物车商品功能。
2.地址管理模块 - 实现了名字、电话、地址校验与默认地址总在最前功能。
3.收银台模块 - 实现了积分支付、他人支付、钱包支付功能。
4.我的订单模块 - 实现了分别显示各个订单状态列表数据功能。
5.订单详情模块 - 实现了交易信息查看、删除、申请售后服务等功能。
项目使用AngularJs + Ionic,商品列表、订单列表使用ion-infinite-scroll上拉加载更多数据,使用ion-refresher下拉刷新数据,钱包支付使用cordova封装好的方法访问第三方支付环境进行支付。