千眼数据 https://www.qianyan1000.com/
项目描述:千眼数据项目是一个基于elenment-ui开发的PC项目,主要是是为淘宝商家提供可视化数据在展示。
职责描述:
◊ 参与团队的需求梳理会议与评审,理解需求实现的功能点,提供合适的前端技术解决方案
◊ 采用vue+Elemment-ui进行开发,兼容主流浏览器
◊ 利用vuex进行对公共数据的存储和共享
◊ 对 axios 库进行二次封装,使用拦截器处理请求,统一处理请求响应数据。
◊ 使用 Vue 全家桶,vuex 进行数据状态管理,vue-router 路由进行路由跳转,路由采用懒加载的方式,以优化性能。
◊ 优化页面性能和开发体验(代码压缩,路由懒加载,异步组件, 第三方组件按需 加载,CDN)
◊ 优采用vue ssr 方案实现静态网页,用node打包实现服务端渲染。
◊ 采用Echarts进行可视化图形展示直观数据。
◊ 采用第三方微信支付,进行对用户的会员充值
千眼插件(浏览器插件)
项目描述:千眼插件主要是用于淘宝搜索页、淘宝详情页、生意参谋、直通车等进行数据分析展示给淘宝商家。
◊ manifest.json扩展的组成清单的配置,进行浏览器插件的项目搭建,使用的是vue+Elemmnet-ui开发
◊ popup与content script的通信,接受浏览器的消息
◊ 利用jsonp请求淘宝接口,获取数据并且对数据整理进行展示
◊ 通过生意参谋缓存或者一些接口规律去请求接口获取数据
◊ 通过AES解密数据,进行数据封装变成自己需要的数据
千眼数据(小程序)
项目描述:该小程序是基于uniapp和微信小程序进行开发的,其中使用到uview、ucharts等的ui框架
职责描述:
◊ 对pc端进行迁移,不一样的布局和展示体验。
◊ 利用vuex进行对公共数据的存储和共享
◊ uview进行组件布局开发
◊ 使用ucharts进行复杂数据展示
◊ 使用wx.requestPayment发起微信支付
乐透(uniapp+H5) http://pangoog.com/h5/
项目描述:乐透项目是一个基于uniapp开发的h5项目,主要是印度尼西亚使用。是一个充电宝设备购买的一个商城项目。根据印度尼西亚语言进行翻译。
职责描述:
◊ 基于uniapp和vue思想开发
◊ 利用vuex进行对公共数据的存储和共享
◊ 首页使用uniapp封装的swiper无缝实现图片轮播文字动画效果
◊ 使用flex实现页面组件布局
◊ 使用es6的promise封装request请求,提高代码的复用性
◊ 注册验证通过严谨的加密验证,验证码发送超过三次之后前端进行verify工程植入进行第四次发送,这期间前端再次请求到验证返回的值返回给后端进行再次的验证才能通过
千眼数据管理系统
项目描述: 该项目主要实现后台管理人员登录,消息的发布。 模块分为登录注册,首页侧边栏,详情页,用户管理,权限管理,数据统计等
职责描述:
◊ 使用elementUI实现页面组件布局
◊ 使用webpack对项目进行模块管理
◊ 使用axios发送请求获取数据,动态渲染
◊ 利用vue-router实现单页面跳转,实现快速切换,提高用户体验
◊ 使用路由导航守卫做权限控制,全局导航守卫beforeEach
◊ 利用vuex对组件状态进行管理,实现数据缓存,优化性能
◊ 数据增删改查