项目名称一 :天狗网 (移动端+PC端)
项目描述: 【天狗网】是中国最大的百货商业集团—大商集团移动电商平台。
责任描述:
该项目是大商集团,分为逛店、发现、购物,全球购,我的几个板块。本项目由我们 web 开发组共同完成。
技术要点:
1.使用webpack+Vue.js搭建APP框架。
2.使用vue-router实现页面的跳转。
3.使用 vuex 实现模块等组件之间的数据共享。
4. 因为初始页面有大量模块组成(模块中依赖资源较多),使用了Vue Lazy Component 实现了 Vue2.x 组件级懒加载解决方案。实现了组件延时加载、分包异步加载。
项目名称二 :引导美 (移动端+PC端)
项目描述: 引导美是一个帮助商家开设网上店铺,并提供近千个店务管理标准,帮助商家创造效率的平台。用户美丽档案可随时掌控,用户还可成为美丽达人,为美丽代言获取收益。APP一共分为四个板块:淘美、约吧、社区、我。
责任描述:
项目主要是团队开发,我主要负责pc端的的页面重构以及页面动画效果处理,及移动端的淘美、约吧页面及其子页面编写实现数据交互渲染页面。
技术要点:
1.PC端使用bootstrap CSS框架进行快速开发。
2.PC端员工登陆功能做了登录信息模糊化处理,以提高员工登录信息的安全性。
3.APP所有页面数据使用Vuex来实现全局数据的传输管理。
4.移动端使用css缩放解决高清屏下1px线条显示问题。
5.APP的整体页面滚动使用了iscorll插件实现页面的滚动。
6.四大板块头部进行了组件的复用,以节省开发时间。
7.使用了js的addEventListener进行页面监听,分别监听-touchstart事件,touchmove事件,touchend事件,主要获取clientX,clientY属性通过条件判断实现页面上拉刷新下拉加载更多功能。
8. 使用过渡动画实现子页面侧滑进入和退出父页面的动画效果。
9. 调用混合开发桥接api与原生进行数据关联。
10. 随着开发框架的版本升级,根据多终端测试结果,一直在做用户体验优化和项目维护。
项目名称三 :吃什么网(pc端)
项目描述: 吃什么网甄选全球各地的有机食品,有机粮油、有机蔬菜、高端进口水果、绿壳鸡蛋、阳澄湖大闸蟹、五常大米等等。
技术要点:
1. 使用 HTML 和 CSS 技术进行基本的页面布局。
2. 利用 CSS sprite,减少 http 请求,降低服务器压力。
3. 使用js封装模块实现详情页商品放大镜功能。
4. 申请第三方开发平台的appid和appsecret等,能够实现账号的第三方登录。
5. 规范标签使用,使网页更加利于后期seo优化。