昵称登录后显示

前端/前端leader
前端
海际新后台
海际新管理后台是对海际后台的技术升级改造简称海际新后台，是公司的一个主要项目。主要包括商品模块、品牌模块、仓库模
块、运营模块、系统模块、业务员管理模块、门店模块、账号模块、仓储等几大模块。通过管理后台实现对公司商品、品牌、运
营活动、业务员、门店进行高效管理，实现企业数字化通过对数据的分析整理为公司高层的决策提供数据参考和依据以及决策执
行后的效果分析反馈以便公司根据市场反应做出调整增加了企业的竞争力。
使用技术栈:
vue(vue2) + vue-route + vuex + axios + element-ui +less+typescript+百度地图webapi 项目成果:在该项目中主要负责项目框架搭建(cli搭建)，以及商品模块、品牌模块、账号模块、仓储模块、业务员模块的开发以 及后续的项目的维护。通过该项目对vue全家桶的使用有了更深刻的理解认识。比如
· vue中的渲染优化以及组件的数据通信和交互 · vue-route 单页面的路由管理

· axios数据请求以及公共方法的封装。
· 使用element-ui快速构建一个高效可用清爽干净的管理后台。
· 使用less对css进行预编译提高开发效率
· 通过typescript在项目中的使用提高了代码的可维护性，提高了大型项目的编码规范和健壮性和可维护性。 · 通过百度地图api的使用在项目中嵌入百度地图区域划分和区域管理。以及数据分布。
· 通过echart使用在项目中漂亮清晰的图表，方便对数据的更好的分析归纳整理
2016-09 ~ 至今 它品
项目简介
它品是一个线上进货APP，以“互联网+”的形式，通过“原厂 - 它品 - 宠物店”的B2B直供业务模式，专注为宠物店提供宠物 产品及服务。主要面对宠物店开放。同时还能为宠物店配套传播素材、门店经营、美容知识、陈列学堂、行业科普等一系列专业 支持。通过线上平台直供、线下专业支持，为门店赋能， 是宠物店经营的首选合作伙伴。
使用技术栈:
第一版是使用html+css+es5+jquery构建的多页面混合开发app(前后端代码未分离) 第二版对h5模块进行重构使用vue(vue2)+ vue-route + vant +vuex + es6 + axios(前后端分离)
项目成果: 它品第一版是传统的多页面的h5混合开发与客户数据交互还是使用的是setTimeout倒计时的形式进行异步回调，由于机器的性 能差异对数据、ui处理的快慢不一样，处理快的和处理慢的都要倒计某一时间才执行异步回调的代码。没有发挥极其的最佳性 能。以及多页面页面切换白屏问题时用户体验不佳。代码调试不方便，有了bug要与客户端进行联机链条。增加了调试难度。为 了给用户一个更好的体验以及调试开发速度。对它品进行了升级改造。改造后使用了es6的新特性async await异步技术和单页面 应用技术。通过技术改造提升了用户体验以及开发效率和调试体验。
2017-02 ~ 至今 降龙
项目简介:
降龙app是供公司内部是使用的app,由于业务扩大，公司业务员人数也随着增多。随着人员的增多，业务员和业务员的绩效、日 常任务、业务员跑店效率和业务自己门店的的管理等问题也变得更加复杂。为了解决上述问题公司根据主管业务员的需求开发了 降龙app，业务员和主管通过app可以很方便的知道自己每天的任务以及那些门店需要维护拜访。以及根据公司的数据库安排合 适的拜访计划。不仅降低了管理成本，还提高了拜访效率公司通过业务员收集的数据进行分析归纳发现问题，找出典型问题，并 进行有针对的业务培训。同时也降低了业务门店对业务员的高度依赖。
使用技术栈:
第一版2018年以前 使用html+css+es5+jquery构建的多页面混合开发app(前后端代码未分离) 第二版2023年以前 h5模块进行重构使用vue(vue2)+ vue-route + vant +vuex + es6 + axios(前后端分离) 第三版2023年以后 vue(vue3)+vue-route +ionic+es6+fetch+pinia
项目成果:
由于是内部项目，使用的人群相对较少，为了更好的用户体验和开发效率，技术栈更新比较快。 通过第三版的重构，使用了vue的3.0版本，为了提高用户体验减少了数据包使用pinia替代了vuex，fetch替代了axios,使用 更加 美观高效的ionicUI替换了vantUI.app不仅速度更快更美观。
2021-07 ~ 至今 它品微信小程序
项目简介:
为了更好的服务用户，提供更加方便的购物下单体验。开发了它品小程序。它品小程序主要包括商品、购物车、下单支付模块、 积分兑换和直播模块等功能。
使用技术栈: 使用uniapp构建应用，uniapp是一个多平台项目构建工具，不仅打包成支持微信小程序还支持抖音小程序、支付宝小程序、京 东小程序、ios/android等能够做到一套代码开发打包多平台运行。不仅提高了开发效率还降低了开发人力成本。
项目成果:
通过该项目，学会了微信小程序的开发打包部署的整个流程。以及在开发过程中遇到的坑以及解决方案。