项目名称: 主站搜索结果页面改版
项目简介: 该项目是关于公司主站的搜索结果页的更新迭代以及个别页面样式逻辑调整
技术栈 : Nuxtjs + Vuex + Element-ui + Axios + Less
负责模块: 搜索结果页、layout组件封装
技术描述:
1、 使用Lodash工具包封装处理函数,优化项目的冗余代码问题以及处理逻辑封装
2、 封装Axios请求配置不同接口路径,在请求拦截和响应拦截中进行一些公共处理
3、 封装Cookie插件根据所属环境对token进行范围动态存储,便于开发测试
4、 在mixin中封装公共组件的功能逻辑,提高代码复用率
5、 点击事件操作真实DOM进行跳转路由,可避免直接暴露跳转链接
6、 在router.beforeEach() 中判断token是否存在/失效、用户路由权限,进行相应处理
项目名称:合并后台系统与供应商平台(Vue2)
项目简介: 该项目是将旧版后台系统中的页面和功能迁移到供应商平台中
技术栈 : Vue-router + Vuex + Es6 + Vue-moment + Element-ui + Echarts
负责模块: 所有一级、二级菜单下页面功能的迁移
技术描述:
1、 使用Tinymce富文本编辑器,功能配置灵活简单,更便于项目开发
2、 封装防抖、节流的自定义指令,复用函数逻辑、优化项目代码
3、 重置Element-ui中的message弹窗组件,避免重复点击造成的不友好体验
4、 引入Babel-polyfill和babel-preset-env插件,一次性解决所有兼容问题
5、 全局引入Moment时间库,格式化项目中的日期数据
6、 引入Echarts对产品相关数据进行数据可视化图表展示,增强用户体验
项目名称: 淘IC名片(微信小程序)
项目简介: 由活动报名宣传阶段到活动投票阶段对项目进行页面功能迭代
技术栈 : Uni-app+ Uview-ui + Vuex
负责模块: 首页、活动页
技术描述:
1、 在页面入口文件中进行版本更新、重启等操作,优化使用API时带来的版本兼容问题
2、 封装自定义TabBar替换原生自定义TabBar,优化切换页面时闪烁的问题
3、 将项目的登录逻辑写成mixin文件,方便代码复用及项目维护
4、 配置onReachBottomDistance配合onReachBottom() 监听上拉触底懒加载页面所需数据
5、 使用Dayjs轻量库更优雅的处理JavaScript中的日期数据
6、 性能优化:将资源包中的图片等资源转换成在线资源