新品头条

电子商务 · B2C 案例ID: 157986
联系该工程师
微信扫码,建群沟通
作者: 事不过三 - 5年经验- 深圳智付集团

案例介绍

负责模块:登录,首页,文章详情
1. 登录成功之后,vuex 实现 token 的权限共享(响应式),本地存储实现 token 的持久化;
2. 频道列表的处理方式,多个组件列表实例对应多份数据(每个组件都是不同的实例,实例中的数据都是独立的),目的是为了组件缓存;
3. 使用 list 组件,展示文章列表;使用 dayjs 处理相对时间;
4. 利用 json-bigint 处理大数字问题;
5. 结合 ImagePreview 组件完成图片预览功能。

项目优化:
1. 使用 postcss 控件及配置 postcss-pxtorem 实现 vant 组件(375px)和本项目的 750px 设 计稿结合起来迚行适配
2. 一级二级路由出口均添加了缓存:利用 keep-alive 组件属性 include 指定缓存组件名,每次 回到该页面都会触发 activated 钩子,在激活钩子将离开时记录的滚动高度赋值给组件的 scrollTop
3. 使用了视口单位 vh,给每个列表设置独自的滚劢区域,实现多个列表进行切换的时候滚劢条在原位
4. 打包优化:去除 console.log;利用 externals 去除打包的安装包,引入 cdn。

相似案例推荐

  • E联车服

    E联车服

    平台是面向业务的全端数据基础平台。实时采集、治理、存储、查询

  • 商城

    商城

    项目亮点:与内部ERP系统实现数据一致对接、POS收银系统实

  • 猛推

    猛推

    萌推APP是一个好物推荐导购电商平台,主要面向女性消费群体,

  • 糯米

    糯米

    经过几年发展,百度糯米已经发展成为国内领先的本地生活服务平台

  • 优购网上商城

    优购网上商城

    项目职责:负责WMS管理系统,WMS系统是整个系统的桥梁,它

  • 鞋品荟

    鞋品荟

    鞋品荟是广东鞋品荟互联网科技有限公司运用互联网思维,搭建全球

发布任务

企业点击发布任务,工程师会在任务下报名,招聘专员也会在 1 小时内与您联系确认。

1小时精推人才

需求方专属客服,免费梳理匹配

需求方客服微信二维码
扫码加微信 · 客服人工对接
微信沟通 联系需求方端客服 看中这位工程师了?客服帮你 1 小时对接沟通 → ×