万联商品管理系统:
该商品管理系统是一个集成商品调整的平台,该管理系统主要分为:商品列表,商品分类,品牌管理, 商品属性管理,订单列表,运营数据
项目职责:1. 搭建页面整体布局,数据交互,渲染页面内容. 2. 优化页面的代码,并增加动态的功能 3. 负责登录页,商品列表页,运营数据页功能的实现 4. 使用 git 进行团队之间的配合开发 5. 根据团队安排,高效率进行代码编写
技术要点:1. 使用 element 中的 table 组件来实现商品列表页的排版布局 2. 封装 axios,设置请求拦截器,和响应拦截器,来进行数据的交互渲染 3. 使用正则表达式实现登录页,登录成功之后,并将 token 缓存到浏览器 4. 运用 vuex 存储用户的权限列表,用 vue-router 中的前置导航守卫 beforeEach 钩子函数进行路由的权 限5. 基于 webpack 脚手架,使用 vue 全家桶进行项目的开发 6. 使用 Upload 组件中的照片墙,通过设置 file-list 属性来实现多张图片上传的功能 7. 通过 Echarts 结合 v-charts 来实现数据可视化,并且设 vepie 的 extend 样式来将其展示为饼形图. 8. Git 冲突的解决
宜联生物(移动端)
本项目是一个综合性的生物实验简介平台,提供产品资源,科研干货,实验平台等,给以用户者 对生物这方面有研究提供服务.
项目职责:1. 负责首页模块功能,地图页模块功能,详情页模块功能,的实现 2. 对整个项目进行排版布局,以及样式的实现 3. 对弹出遮罩层列表的实现 4. 配合 ui 设计师并且与后台结合实现页面的构建 5. 进行代码编码,减少冗杂代码
技术要点:1. 前端使用 vue 全家桶(vue-cil4,vue2.0,vue-router,vuex,axios 等)搭配 webpack 完成项目 2. 封装 request 请求,实现对请求与相应的拦截,并调用后端 RESTful 风格的接口对页面进行渲染 3. 以组件化的形式实现各个页面相应的复用搭配,使用 async-await 解决地狱回调问题 4. 使用 vant 完成对页面的快速布局 5. 使用 git 对项目进行版本控制,并与团队进行协作与开发 6. 通过路由降级的方式,解决 vue-router 升级带来的重定向问题 7. 在地图页中调用高德地图 api 实现具体位置的显现. 8. 实现列表遮罩蒙层点击显示的实现,运用了 css3 中的 transition 属性来实现动画效果.
甜葡萄作文小程序
该小程序是一个集合作各种优秀作品的小程序,该小程序主要分为:登录页,详情页,首页,专题页 精选页
项目职责:1. 负责每个页面的布局结构. 2. 在项目目录配置 wxs 文件进行全局可导入的过滤器 3. 负责登录页,专题页,详情页功能的实现 4. 使用 git 进行团队之间的配合开发 5. 高效率进行代码编码,减少冗杂代码
技术要点:1. 使用 vant 框架 wxml.wxss.js 技术来对页面进行构建 2. 在 APP.json 文件中全局配置 tabBar 来实现底部导航的配置 3. 对专题页进行订阅时进入进行权限的判断是否有 token,有则访问,否则进行小程序之间的跳转. 4 结合 wx,request()中的 api 并且结合 es6 中的 promise 对象进行请求封装 5 在登录页中调用 wx.login()来获取临时凭证 code 实现用户的登录流程 6. 通过点击列表项的的每一项,进行自定义属性传参 id 来实现跳转到不同的路由. 7. 通过封装搜索模块组件,在不同的页面复用. 8. 使用双向数据绑定对搜索框进行绑定,并实行了防抖效果大大减轻服务器的压力,优化性能