多年前端开发经验,参与多个移动端,pc 端和混合 app 开发等,涉及互联网,珠宝电商等多个方面。
个人技术栈:
1.熟练运用div+css,运用HTML5 +CSS3对网站的布局,熟练使用PhotoShop的各种常用功能,完成切片,抠图等;
2.熟练流式布局,弹性布局,响应式布局等布局方式,灵活多变,熟悉IE和其他浏览器常见的兼容问题处理方式;
3.熟练使用Sublime、HBuilder、vscode等热门前端开发工具,熟练掌握Chrome和Firefox浏览器调试工具的使用;
4.熟练运用Bootstrap、Mint-ui、Element等UI库进行快速开发;
5.熟练使用ajax,axios进行数据请求,实现与后端的交互;
6.熟练Vue框架,有过相关开发经验,结合vuex,vue-route、vue-resource等进行项目开发;
7.熟练使用SVN、Git代码管理工具;
8.熟练使用Webpack、gulp等自动化构建工具进行项目打包;
9.了解 PHP的基本使用,操作MYSQL数据库;
10.了解react.js、node.js,以及ES6新特性和数据结构。
XT交易所 (项目地址:www.xt.com)
项目描述:XT 交易所(xt.com)是一家进行区块链交易的网站,和同行业 ZB,ZBG,BW,bitbank 等交易所有深度的合作关系, 主要有币币交易,OTC 交易,C2C 交易,合伙人等相关模块。
运用技术:web 端主要通过 requerjs,vue.js 等进行模块化开发,在币币交易模块和首页各种虚拟币的实时买卖价格通过 websocket 进行数据推送,K 线是引入 kline.js,集合 scss 编译。
1.网站整体的改版和优化
2.合伙人模块开发,包括合伙人详情,分享以及收益比例的统计等
3.注册送币,邀请有礼模块,活动期间的一个新用户注册送币
4.个人中心,实名认证部分,包含未认证,初级实名认证,高级实名认证
5.C2C 交易,包含 C2C 协议,绑定添加银行卡相关信息,进行 SXC 虚拟币的买卖交易流程
xtadmin (xt交易所后台管理系统)
项目描述:xt 后台管理系统主要是对 web 的相关模块配置,以及币的充值提币操作,相关数据报表处理设置等,主要包含权限管理,用户管理,运营管理,资金管理,OTC 管理,C2C 管理等模块。
运用技术:xtadmin 主要是通过 vue-cli,vue-router,结合 iview-admin 进行整体结构搭建,vuex 进行状态管理数据,,引入 axios 进行数据请求,iView 进行组件开发,包含父子组件,兄弟组件间的数据传递,通过 webpack 进行编译打包处理。
1.高级实名认证的配置项开发,包含认证的用户列表,筛选导出功能,查看审核功能
2.对账管理,包含公司收支,客户账户,C2C 交易各种对账统计
3.财务账户管理,公司特殊账户和基本账户类型的设置编辑
4.otc 管理,包含商家审核,申诉,OTC 订单配置,商家门槛,法币列表和 OTC 币种列表
5.C2C 管理,包含 C2C 订单列表,C2C 交易项配置,进行查看订单,取消订单,确认收款扣币,收币等操作
速易宝电商(app)
项目描述:主要主要是完成速易宝网上购物 app4 个模板的开发,包括 app 的首页,珠宝分类,钻石列表,购物车, 个人中心。
1.首页:主要实现模糊搜索,轮播显示,以及部分商品展示
2.分类:有自有成品,自有定制,精品定制三大类,实现不同珠宝的归属类型
3.钻石:实现挑选钻石,根据钻石属性进行戒托的匹配过程
4.购物车: 实现查看,商品购买,数量修改等功能
5.个人中心:实现我的订单,我的收藏,浏览记录以及个人信息的修改等功能 本项目结构上分为表现层,业务层和数据层,采用技术有 apicloud ,vue,vue-axios,Mui 等
运用技术:
1.结合 HBuilder 并配置预编译 less 来进行开发
2.商品分类使用 lazyload 实现图片占位及懒加载优化网站,提高页面的加载速度,能够减少带宽
3.根据 Mui 的组件来实现上拉刷新,下拉加载
4.用 axios 获取后台接口,循环遍历实现视图层的数据填充
5.利用 apicloud 平台打包工具,配置相关参数和 sdk,进行 app 打包
速易宝(H5,项目地址:http://demom.btbzm.com/)
项目描述:该项目主要是用于移动端展示,包括 app 的首页,珠宝分类,钻石列表,购物车, 个人中心等。主要参与有分类的珠宝定制,商品详情以及个人中心部分。 项目地址:http://demom.btbzm.com/
1.该项目主要使用 Mui 框架来实现页面布局,采用 viewport 缩放,固定宽度来进行适配
2.引入 vue.js,利用其双向数据绑定和指令等特性,来减少对 dom 的操作
3.引用阿里图标来解决界面展示需求,不用担心兼容性,而且灵活性极高,并且配合 HTML5 的离线存储,可以对性能做出优化
4.在数据交互上引入 axios,根据后端提供的 api 接口,来实现数据在页面上的展示
5.使用图片懒加载 vue-lazyload 插件,用于分类商品的列表展示页。 通过 npm 导入 better-scroll 组件,使用 pullUpLoad 和 pullDownRefresh 来实现上拉加载和下拉刷新功能