点击空白处退出提示
作品详情
利用 tabbar 配置导航条路由,安装引入@escook/request-miniprogram 进行
网络请求后端接口获取信息,利用 swiper 渲染轮播图,并且点击后跳转相关
页面
搜索功能跟局输入的信息显示相关的内容,并且使用延时器 setTimeout、
clearTimeout 两个函数实现搜索框防抖,以减少请求次数提高用户体验
当加载商品列表时,防止一次性加载过多可分页展示,利用上刷新加载更多或
者下拉到底加载更多,防止发起额外请求,可以使用节流,当上次请求未完成
则不发起额外请求来达到性能优化
配置 Vuex,并将 state、mutations、getters 通过 Vuex 的辅助函数映射到其
他组件使用以及修改;开发购物车页面,使用者可轻松添加、删除、修改购物
车中的商品,并且根据 setStorageSync 将数据持久化存储到本地
用户登录,微信限制,用户只能手动授权头像跟微信昵称,调用 login 获取
code,传到后端接口
本次的后端登录接口是由本人用 nodejs 写的接口,根据前端传来的 code 获
取到了用户的 openid 跟 session_key,再将 openid 赋值给 token 传给前端,
前端再将 token 存入 vuex 完成登录
用 nodejs 写的接口是通过内网穿透实现对外开放,唯一的缺点就是不定时强
制更换域名
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态
评论