能够编写语义化的 HTML ,熟悉 CSS 的使用,实现常用的布局与动画。
熟悉 JavaScript ,代码编写遵守规范,学习 ECMAScript 规范,不断实践并在新项目中应用,掌握 ES6/7 特性。
熟练掌握jquery等常用类库,了解Bootstrap museui element-ui等UI框架。
熟悉less,sass等css预处理器,提高开发效率。
熟悉 vue+vue-router+vuex+webpack,能够完成单页面和常见应用的编写。
熟悉Gulp , Webpack 等代码构建工具。
掌握react+redux等技术框架。
掌握部分Nodejs知识,如Express框架和Mongodb的CRUD使用。
对 HTTP,WebSocket 等知识有所了解。
掌握git,svn等开发协同工具的基本使用。
有过微信公众号开发的一些经验。
有过salesforce CRM的一些经验。
1.飞鹤在线客服系统
项目介绍:
飞鹤消费者通过回复微信公众号,可进行人工客服连接,客服在系统中会分配到待接入的访客,手动接入访客后可直接与微信访客进行沟通服务。系统中分会三个模块,访客列表区域(当前会话,待接入,最近联系),聊天区域和客户信息区域;客服能够接收到访客的文本、表情、图片、语音和视频等消息;客服还可以对访客会话进行关闭、拉黑和转接至其他客服操作;客服能够查看访客的微信用户信息,如头像,昵称,性别和地区等。
职责:
设计页面交互。
使用原生js+jquery+ajax完成各功能模块。
使用goeasy.js/websocket实现消息实时通信。
2.泸州老窖积分商城-移动端
项目介绍:
积分商城可通过微信公众号进入,消费者在积分商城中可通过不同渠道获取到的积分购买相应商品。商城主要模块有“首页”,“分类”,“购物车”和“我”。其中“我”中,消费者可以查看订单信息,积分明细,卡券包,收货地址管理等。
职责:
将高保真UI设计稿还原成html页面。
使用swiper.js完成首页的轮播图展示,完成商品栏的左右滑动体验。
利用ajax与后端对接,完成不同业务模块的数据显示。
利用jquery完成页面的交互。
项目地址:
搜索 “泸州老窖VIP俱乐部” 微信公众号,进入“积分商城”菜单
3.名片夹应用
项目介绍:
名片侠(微信公众号)为销售人员提供名片管理服务。销售人员可以拍摄扫描名片,自动识别生成名片信息,编辑后可存入名片夹中,名片夹可进行分组并按字母排序,方便查看。销售人员可以查看名片的详细信息,如地图导航,电话呼叫客户,查看工商信息等功能。后续可以将名片手动转化为潜在客户或者联系人,提供了后续可能的业务机会。名片数据存储于微软CRM后台。
职责:
基于vue+vue-router+vuex+museui构建单页面应用。
采用部分es6/es7新特性开发,如箭头函数、async/await等。
通过axios库与后台对接。
项目地址:
搜索 “名片侠” 微信公众号
4.万科沃土计划-售后服务家
项目介绍:
微信服务家主要为了方便业主能够在微信端进行一系列动作,提升客户体验,功能大致包括会员中心、用户报修、咨询建议、产证查询、家书、活动管理以及交付预约等。目前已在44家万科一线公司上线使用。
职责:
负责还原高保真UI设计图,通过rem单位适配方案,实现不同手机自适应。
负责部分业务模块,如登录,绑定房产,查看房产,添加同住人,报修单提交等。
与后台接口对接,完成前后端数据交互。
项目地址:
搜索 “沈阳万科客户服务” “东莞万科” 微信公众号 ,点击“服务家”菜单进入
5.深圳市民通深圳通卡片DIY制作
项目介绍:
深圳市民通卡片是深圳市民的交通车卡,例如在公交车,地铁使用。用户可以在微信公众号(深圳市民通)中,DIY制作一张自己满意的交通车卡。用户能够自己装饰卡片的正面反面,为卡片添加背景,添加文字,添加小装饰,同时能够手动拖动装饰进行任意摆放,以及旋转翻转缩小放大等。
职责:
使用基于canvas技术的fabric.js框架类库,配合jquery完成卡片上的装饰渲染和手势touch操作。
其中较为复杂的功能为撤销和恢复,通过类似进栈出栈的方式存储用户的每一步操作,实现功能。
通过ajax请求,将用户卡片图形转化为数据存入后台。
项目地址:
搜索 “深圳市民通” 微信公众号 ,点击“特色卡”--“DIY卡”进入,点击选择“去制作”