小程序功能实现

我不是女神ヾ 2022-09-08 00:16 201阅读 0赞

### 小程序功能实现 ###

*   *   *   *  小程序搜索框实现
             *  实现带搜索记录的搜索框
             *  小程序优化
             *  小程序微信支付流程
             *  以前收藏的小程序面试题
             *  小程序购物车功能实现
             *  微信小程序轮播图实现

#### 小程序搜索框实现 ####

1.  判断是否为空，如果为空则提示用户，输入内容不能为空。
2.  发送请求
3.  判断是否为有效关键词，如果搜索的内容中没有商品，则版心内容提示用户，未搜到合适的商品。
    
    [小程序实现搜索框功能][Link 1]

#### 实现带搜索记录的搜索框 ####

1.  关键API: `wx.getStorageSync('searchData') || []`, //调用API从本地缓存中获取数据

[博客链接][Link 2]

#### 小程序优化 ####

1.  启动加载优化。
2.  数据通信优化。
3.  事件通信优化。
4.  渲染优化。

#### 小程序微信支付流程 ####

1、小程序注册，要以公司的以身份去注册一个小程序，才有微信支付权限。  
2、绑定商户号。  
3、在小程序填写合法域名。  
完成以上工作之后，你需要拿到四个东西：  
小程序 **appid** 和 **小程序秘钥**， 这两个用于获取用户 openid， 商户号 id 和 商户号秘钥 ，当然**支付接口**也是必须的；这些都可以登录微信公众平台去申请或者获取到。

> 小程序的秘钥在appid的下面，可以直接取到。

还可以这么说：

上线：每个微信小程序都有一个 appid，就像身份证。在开发调试好后，文件大于 2M 就要进行分包，把首页放在第一个展示。微信开发者工具右上角有发布，点击发布后会有微信官方审核，一般好像是2到5天以内审核通过，通过就上线了

#### 以前收藏的小程序面试题 ####

[博客地址][Link 3]

#### 小程序购物车功能实现 ####

需求：

1.  显示商品基本信息：图片、描述、价格、数量。
2.  点击复选框进行 toggle 操作。当前选中，则变成未选中，当前未选中，则变成选中。
3.  商品数量的加减操作。
    
     *  增减数量：点击 +号，number +1，点击-号，如果 num>1，则减1，否则=1。
     *  删除商品：点击删除按钮则从购物车列表中删除当前元素，删除之后，如果购物车为空，改变购物车为控表示 hasList 为 false。
4.  根据选中商品进行价格汇总。
5.  全选/全不选。

程序实现步骤：

[小程序购物车实现][Link 4]

#### 微信小程序轮播图实现 ####

1.  轮播图的外层容器是 swiper。
2.  每个轮播项是 swiper-item。
3.  给 swiper 加 autoplay 可以实现自动轮播。autoplay 是个布尔值。

[Link 1]: https://www.jb51.net/article/165226.htm
[Link 2]: https://zhuanlan.zhihu.com/p/28974294
[Link 3]: https://juejin.cn/post/6844903966342381581
[Link 4]: https://blog.csdn.net/flight_diary/article/details/107002118