工作已上线项目
1.妇幼保健 移动端
VUX
移动开发, 使用 Vue.js 、 VUX 进行 APP/微信功能界面开发和优化。
2.医疗后台管理系统
运用 Vue.js、 ElementUI、 ES6
进行后台管理系统开发, 使用 ECharts 开发患者管理实现数据可视化。
3.商家管理应用(优选店商家端,移动端H5)
flex布局, Layui 框架,数据交互
—项目概况:为拼呗商家提供便捷的在线商铺设置和商品管理。
● 负责商家管理店铺开发,实现商家可设置是否开通在线收款、营业时间、店铺参与优惠活动等。
● 负责商家的订单管理,实现商家对订单的处理、查看。
● 负责商品管理功能开发,实现对商品的列表管理新品上架、商品下架,对单个商品设置优惠、图片。
● 技术栈: Layui + Flexbox
产品地址:https://yxdzt.txhsai.com
4.优选店 用户端(商城-移动端H5)
-为用户提供种类齐、全品质上乘、价格全网至低的优惠购物商城。
● 负责商城主页开发,实现用户根据地区、类型、搜索框关键字筛选感兴趣的店铺。
● 负责店铺开发,实现为用户展示店家营业时间、地址、联系电话、优惠活动、商品列表。
● 负责支付结算功能开发,实现用户完成在线或者线下支付。
● 技术栈: Layui 、Flexbox
产品地址:https://yxd.txhsai.com
——————————————————————————
个人开发:
1.Echarts 数据可视化
1).雷达图,多维度综合分析个人评分;
2).地图,各地区注册人数一览;
3).饼图,会员各等级人数占比;
4).柱形图,对比各月人数。
2.Canvas
1).不支付的红包看图
canvas及css3结合,实现红包照片的效果。照片效果图一张模糊图片,只有小圆圈的区域是清晰可见。并不做支付过程,代替的是使用2个按钮,显示清晰图片和重置圆圈可见区域。
2).刮刮卡
鼠标移动到刮卡区域,滑动刮奖。奖项随机定义的数组。
3.jQuery todo清单应用
功能描述:任务添加(任务标题、任务描述、任务提醒时间),删除(删除前提醒确认,防止误删除)
主要技术:h5 localStorage(数据存储在本地),自定义alert 弹窗功能,position属性的特殊用法
第三方插件:Store.js 实现localStorage读取与存储;
4. CSS制作立体导航菜单
用border-radius实现导航圆角,box-shadow阴影实现立体效果;
transitiong 实现过渡动画,transform 实现旋转,伪类:hover实现鼠标移动到元素上展示旋转动画;
用伪类:after :before导航栏分隔线。
5原生.JavaScript 轮播图、侧边导航选项卡
轮播图自动播放,左右按钮切换图片,点击小圆点导航切换图片。
应用定时器setInterval和索引实现轮播,clearInterval清除定时器停止自动播放。