小程序搜索框实现
-
判断是否为空,如果为空则提示用户,输入内容不能为空。
-
发送请求
-
判断是否为有效关键词,如果搜索的内容中没有商品,则版心内容提示用户,未搜到合适的商品。
实现带搜索记录的搜索框
- 关键API:
wx.getStorageSync('searchData') || []
, //调用API从本地缓存中获取数据
小程序优化
- 启动加载优化。
- 数据通信优化。
- 事件通信优化。
- 渲染优化。
小程序微信支付流程
1、小程序注册,要以公司的以身份去注册一个小程序,才有微信支付权限。
2、绑定商户号。
3、在小程序填写合法域名。
完成以上工作之后,你需要拿到四个东西:
小程序 appid 和 小程序秘钥, 这两个用于获取用户 openid, 商户号 id 和 商户号秘钥 ,当然支付接口也是必须的;这些都可以登录微信公众平台去申请或者获取到。
小程序的秘钥在appid的下面,可以直接取到。
还可以这么说:
上线:每个微信小程序都有一个 appid,就像身份证。在开发调试好后,文件大于 2M 就要进行分包,把首页放在第一个展示。微信开发者工具右上角有发布,点击发布后会有微信官方审核,一般好像是2到5天以内审核通过,通过就上线了
以前收藏的小程序面试题
小程序购物车功能实现
需求:
- 显示商品基本信息:图片、描述、价格、数量。
- 点击复选框进行 toggle 操作。当前选中,则变成未选中,当前未选中,则变成选中。
- 商品数量的加减操作。
- 增减数量:点击 +号,number +1,点击-号,如果 num>1,则减1,否则=1。
- 删除商品:点击删除按钮则从购物车列表中删除当前元素,删除之后,如果购物车为空,改变购物车为控表示 hasList 为 false。
- 根据选中商品进行价格汇总。
- 全选/全不选。
程序实现步骤:
微信小程序轮播图实现
- 轮播图的外层容器是 swiper。
- 每个轮播项是 swiper-item。
- 给 swiper 加 autoplay 可以实现自动轮播。autoplay 是个布尔值。