项目描述：项目背景:通过构建一个便捷、安全且富有竞争力的在线购物平台,满足消费者的多样化需求 技术选型:Vue3、ElementPlus、Uni-app、Mysql、node.js 工作职责:移动端和管理端页面布局、路由跳转、移动端交互功能、用户登录模块、管理员角色路由分配模块、管理员对商品信息的操作模块 实现技术: 移动端页面使用Uni-app框架的组件和样式,结合Flex布局和响应式设计,根据不同屏幕尺寸和设备类型进行适配实现页面的布局和交互效果。 管理端页面基于Vue3的语法和特性,引入ElementPlus组件库,根据业务需求进行组件二次封装。 用户登录模块采用加密算法对用户输入的密码进行处理,与数据库中的用户信息进行比对验证,成功后设置登录状态和相关权限。 利用小程序swiper组件实现滑动的效果,利用scroll-view实现流动的效果,利用swiper和scroll-view实现选项卡的效果使用API中数据存储的方法存储用户登录的信息、token、openid等 管理员对商品信息的操作模块通过与后端接口进行数据交互,使用Axios发送请求获取或修改商品数据,并在前端页面实时更新展示。

项目描述：项目背景:为了满足人们足不出户就可以购买家居商品的需求,开发出一套包含客户端和管理端的电商系统 技术选型:Vue、Uview、ECharts,Scss 工作职责:可视化看板建设,引入个性化定制的数据可视化图表,优化Vue CLI默认打包配置,优化打包体积,多维度前 端性能优化,提升用户体验 实现技术: 基于ECharts封装平台风格的图表库,将其复杂JSON配置进行包装为易用UI配置,支持通过图表下钻,模板变量等实现图表联动 组件按需引入,配置提取公共代码,解决代码宛余;通过mixin分发组件中可复用功能 拒绝一些包参与打包,通过CDN方式引入(vue、element-ui、echarts、xlsx、lodash),打包时对打包的文件进行压缩,开启qzip,最后实现项目总体积从27M减少至6M,首页加载时长11s优化至45 优化打包、请求资源数量、路由懒加载、模块合理拆分,添加进度条,loading加载页,抽取scss样式变量,实现主体动态切换,通过插槽拓展一些布局组件,以实现模块定制化处理,风格统一