




个人介绍
熟悉 vue2/3、uniapp、Typescript、jQuery、JavaScript、HTML5、CSS 3语法
熟悉 UView、elementUI、ant、vant、bootstrap、tailwindcss 等框架
在上家公司独立开发小程序项目和子公司官网项目,并且抗压能力强
善于利用空闲时间学习技术 来提升自己思维逻辑
合理利用 GitHub Stack Overflow MDN 来解决工作上的问题
工作经历
2022-05-26 -2024-04-30深圳大洋物流有限公司前端开发已认证
跨境物流销售、集装箱仓储服务业务 工作内容:NBS后台操作系统功能维护和迭代升级 独立负责公司物流订舱小程序项目开发并及时发现、解决 bug 根据产品原型与产品经理对接,百分百还原并且实现功能需求模块与后端人员配合 与销售操作人员对接,提出项目需求功能不足需要改善地方并且做出优化调整
教育经历
2018-09-08 - 2021-06-17邵阳职业技术学院计算机应用技术专科
技能

项目描述负责模块功能:多语言、运价查询、工作台、订单列表、个人设置、快捷订舱详情、客户满意度 调查表 项目使用的技术:html、css、js、vue全家桶、axios、elementUI、tailwind、scss、pingyin.js、i18n多语言 项目难点: 1.首页站点数据展示:点击展示站点数据的时候首先先把所有的数据都展示出来,然后再用vuex来对数据进行存储使下次再点击展示的时候就不用频繁的调接口数据减轻项目加载时间 2.多语言功能:先导入所有的语言文字json文件,然后在main.js里面默认改为中文语言,在用户点击切换语言的时候通过用vuex来存储语言变量然后传入到请求头中发给后端,让后端把所有的接口数据返回都变成多语言的数据再进行展示 3.订单物流运踪轨迹:根据后端返回该订单的运踪轨迹链接,然后用外部链接展示地图 4.自定义封装表单组件:把所有的elementUI表单组件整合到一个组件当中,然后根据传入的type值来判断是哪个表单,如果是站点搜索表单,那么就禁止输入只允许点击搜索框来弹出一个弹框来双击数据或者选择数据确认,如果是下拉框表单,那么就统一所有数据的key和值然后再进行重新赋值展示


该小程序是针对于运达人PC兼容小程序端并且在h5端做出兼容 项目功能:站点搜索、用户下单、订单查询、订单详情、订单轨迹查询、个人设置中心 使用技术:uniapp、vue、i18n 项目难点: 1.h5兼容多语言:根据用户登录的是否小程序端还是h5端判断多语言功能展示,然后通过vuex存储数据多语言变量然后传到请求头传给后端返回多语言数据,然后再对页面进行优化布局 2.站点数据排序:获取到所有数据然后再用pinyin.js获取到所有的数据的拼音然后再进行对比排序 3.站点数据展示:通过vuex来存储所有站点数据,在页面第一次加载的时候就存进到内存中避免反复调接口减少


项目描述负责模块功能:多语言、运价查询、工作台、订单列表、个人设置、快捷订舱详情、客户满意度 调查表 项目使用的技术:html、css、js、vue全家桶、axios、elementUI、tailwind、scss、pingyin.js、i18n多语言 项目难点: 1.首页站点数据展示:点击展示站点数据的时候首先先把所有的数据都展示出来,然后再用vuex来对数据进行存储使下次再点击展示的时候就不用频繁的调接口数据减轻项目加载时间 2.多语言功能:先导入所有的语言文字json文件,然后在main.js里面默认改为中文语言,在用户点击切换语言的时候通过用vuex来存储语言变量然后传入到请求头中发给后端,让后端把所有的接口数据返回都变成多语言的数据再进行展示 3.铁运拼箱产品价计算格:从首页订舱产品专区进入下单,判断该订单的包装方式是否是木箱/托盘/纸箱,如果是那么价格的计算就改为 总体积除以(毛重与最大单件重量取最大值)
