2022.10.13 加入,已入驻 603 天。
2022.10.13 加入,已入驻 603 天。
项目职责:项目简介: 哈哈镜是一个休闲食品品牌,面向中高端用户,主营鸭系列、海鲜、寿司、泡菜、卤制品等品类的休闲食品。 责任描述: 搭配 vuex 合理管理数据状态及 Vant-Ui 构建ui层并通过lib-flexible 用于设置rem基准值解决适配问题; 主要负责的是首页和登录,商品,使用vue-router实现页面的切换。 首页模块 针对页面时加载首屏可见模块(Vue Lazy Component)进行(图片懒加载 vue-lazyload),其余不可见模块import()懒加载。提高首屏渲染速度,增加用户体验; table 切换: 对页面进行数据的更新与迭代(列表(复用组件),当前选中的状态会存储到 vuex 的 state 中,点击会进行判断,避免重复请求)。 上拉页面: 使用scrollTop和windowHeight来判断,axios 请求渲染并使用destroyed销毁加载实现,防止多页面触发; 商品模块 首页部分内容,跳转到数据列表页(通过 vue-router,动态路由传参,携带内容 id),根据点击内容不同渲染不同的数据列表; 每次点击筛选模块,把点击内容存放对象中,调用接口请求,后端匹配相 的数据, 返回数据渲染页面,实现筛选功能,下拉页面: 对页面进行数据的加载; 登录模块,点击获取本地存储的localstorage进行判断,如果为空,则跳转到登录页,点击登录按钮,会有一个全屏的黑色透明遮罩和loading图,防止用户频繁操作,登录成功将用户的id本地存储起来,同时返回首页。 附近的店面模块,调用的是腾讯地图接口,获取经纬度,通过请求本地server返回附近的店面位置。 项目三