随笔分类 -  微信小程序

微信小程序总结
设计模式--使用策略模式进行表单验证（微信小程序）
摘要：## 使用策略模式进行表单效验### 实习做微信小程序项目的时候曾经做过表单验证，多个页面共用一套校验规则，当时能力不够，不会封装。最近看了设计模式，就写了这个。 ### 第一步：封装策略对象 ### 第二步：声明验证函数Validator ### 第三步：给Validator函数添加add和sta 阅读全文
posted @ 2018-08-25 21:20 Westbrook维 阅读(1059) 评论(0) 推荐(0)
微信小程序使用promise封装异步请求
摘要：一：开发了一段时间的微信小程序，发现里面的API都是这样的： 如果代码多了逻辑多了，就会出现所谓的回调地狱。 二：ES6的promise 下面使用新学习的promise来封装微信小程序的回调API，使代码变得更优雅，易于维护。 util.js文件： Promise.prototype.finally 阅读全文
posted @ 2018-05-30 22:25 Westbrook维 阅读(14732) 评论(0) 推荐(0)
分享一款拥有历史搜索记录的微信小程序搜索框--wx-search-have-history
摘要：一款拥有历史搜索记录的微信小程序搜索框--wx-search-have-history 阅读全文
posted @ 2018-03-07 11:57 Westbrook维 阅读(3791) 评论(0) 推荐(0)
分享一款灵活好看的微信小程序行业二级联动选择器--wx-second-list
摘要：一：使用效果 PS：若想要获得上图中的效果，可参考 test/demo 中的例子实现。 二：使用方法 1、安装 wx-second-list 2、在需要使用 wx-second-list 的页面 page.json 中添加 wx-second-list 自定义组件配置 3、WXML 文件中引用 wx 阅读全文
posted @ 2018-01-27 11:11 Westbrook维 阅读(830) 评论(0) 推荐(0)
微信小程序封装bindinput & 输入框出现清空图标 & wx:key对input的影响
摘要：Q：我以前写小程序每次获取输入内容，都要写一个方法，觉得十分麻烦，所以写了一个通用的方法。 A：我能想到的原理就是，不同的input所带的data不同，bindinput事件setData不同的data。 <input class="weui-input" bindinput="bindKeyInp 阅读全文
posted @ 2018-01-26 14:26 Westbrook维 阅读(11925) 评论(1) 推荐(1)
微信小程序没有授权时的处理方法
摘要：背景：微信小程序很多都需要用户的微信授权，可是很多瓜皮用户会狠心拒绝，但是不管用户怎么操作，我们必须让用户能够更好的体验小程序。 过程：我把用户的操作分四种。 1）用户直接同意授权。 2）用户拒绝授权，进入引导弹窗，用户继续拒绝授权。 3）用户拒绝授权，进入引导弹窗，用户点击授权，进入授权设置页，用 阅读全文
posted @ 2018-01-26 12:25 Westbrook维 阅读(9462) 评论(0) 推荐(0)
微信小程序普通选择器属性rang-key的用法
摘要：最近在做一个图书馆的微信小程序，遇到的小坑和大家分享一下！！关于picker的普通选择器的rang-key属性的用法。 按照官方文档，和data里面的数据，写出的效果如下图： 然后我内心是崩溃的，那为什么是object呢。几经周折，原来是要加一个单引号，代码奉上： 结果很完美。耶！！！！！ 第一次写 阅读全文
posted @ 2017-05-22 19:46 Westbrook维 阅读(1254) 评论(0) 推荐(0)