随笔分类 - 小程序
摘要：小程序中传递数组的方式如下，request说明官方文档 1 // 需要对最终传递的数据进行JSON.stringify() 2 wx.request({ 3 url: 'https://xxxx.com.cn/xxxx', // 后台接口地址 4 method: 'post', 5 header:
阅读全文
摘要：之前在开发小程序的时候，有一个需求，页面滑倒指定位置时固定某一块内容，在此做个记录： 思路：1、监听滚动条的位置； 2、获取指定位置元素的高度； 3、当滚动条的高度大于指定元素的高度时，添加固定定位样式； 最终效果图如下： 代码部分： 1 <view class="container" style=
阅读全文
摘要：小程序通过web-view向h5页面传参(数组格式)及h5页面接收代码如下： 1、我是将数组先JSON.stringify()以后，再拼接地址栏传到h5的，然后在h5接收以后再JSON.parse()转成数组；如果是单纯的字符窜就没必要转了； 2、如果传递的参数中包含中文需要先编码encodeURI
阅读全文
摘要：最近在使用小程序富文本wxParse时遇到几个问题，在此记录一下，我使用得富文本地址https://github.com/icindy/wxParse： 问题1、富文本图片无法预览问题； 问题2、空格不展示问题； 解决方案如下： 图片无法预览解决方案：修改了wxParse.js中得两行代码： 空格不
阅读全文
摘要：利用input实现手机通讯录添加联系人得功能（动态添加删除input），当输入新手机号得时候，自动增加一个input出来，当删除输入得手机号后，自动删除该input，在这里记录下来。最终效果图如下： 这里只展示动态添加联系人得部分，代码如下： 1 <!--pages/contact/contact.
阅读全文
摘要：之前在开发过程中遇到这么一个需求，就是在创建模板得时候需要有很多标题，标题是动态添加得，且添加得标题可以删除，最终实现得效果图如下： 代码部分： 1 <!--index.wxml--> 2 <view class="container"> 3 <view class='template_title1
阅读全文
摘要：今天记录一下小程序中，用户是否授权位置信息的问题： 场景：当用户点击某个按钮的时候，需要先获取到用户的位置，然后再进行其他操作；果如用户拒绝了授权，当再次点击按钮的时候依然会弹起授权窗口； 1 // index/index.js 2 Page({ 3 data: { 4 latitude: '',
阅读全文
摘要：人狠话不多，直接上代码： // util.js页面，封装的公共方法 /** * 仿微信时间处理 * time:时间格式'2020-01-15'或'2020/01/15'或'2020-01-15 15:00'或'2020/01/15 15:00' * yStr:日期拼接格式，默认'/'拼接 * isH
阅读全文
摘要：前段时间在开发过程中涉及到用户身份证号校验，在此记录下： 说明：我是将公共方法封装在一个js中，然后再需要使用的地方调用的。 1 // util.js页面，封装的公共方法 2 3 /** 4 * 去掉字符串头尾空格 5 */ 6 function trim(str) { 7 return str.r
阅读全文
摘要：小程序开发问题汇总（会持续更新遇到的问题）： 1、小程序new Date('2020/01/15 15:00')处理时间的时候，在IOS真机上不支持‘-’连接的时间格式，会报undefined，在安卓和工具上可以；在处理日期的时候需要将'2020-01-15'这种格式的日期转换成'2020/01/1
阅读全文
摘要：最近小程序将模板消息下架，需要修改为订阅消息，现将订阅消息接入完整流程记录一下，还有遇到的问题，最终效果图如下： 注意点： 1、用户授权一次只能下发一次消息通知，如需下发多次，则需要用户多次授权；或者让用户一次授权多个模板ID（下面代码会说明）； 2、后台下发订阅消息的时候，数据一定要是json格式
阅读全文
摘要：之前在做项目的过程中有这么一个需求，列表左滑删除，这里我使用的小程序的<movable-area/>（官方地址）实现的，最终研究了一番，实现了产品需求。效果图如下： 实现思路： 1、最外层标签使用movable-area标签，宽高必须固定； 2、子标签必须使用movable-view，宽高和父元素m
阅读全文
摘要：最近在做小程序的过程中，有这么一个需求，需要将后台返回的地址，按省市区分割只取【XX区、XX县】部分，于是自己封装了一个方法，经自我测试可以分割所有正确的地址，包括自治区、群岛等；如有更好的建议，愿虚心求教！ 思路： 1、先将所有的省进行分割，包括自治区、行政区及市； 2、再将所有的市分割，包括行政
阅读全文
摘要：最终实现效果图：（图中提交按钮下面的绿色是为了遮盖页面超出内容，比如下图的图片和添加图片按钮就被盖住了，去掉绿色那一部分在真机上就会显示出来，很难看） 实现后效果图 实现前效果图 实现思路： 1、在网上查找了一番，都是使用CSS的为元素::affter进行遮盖；模拟器上::affter定位之后会出现
阅读全文
摘要：今天在开发西奥程序过程中，遇到一个问题，图片加载失败的时候页面，显示空白比较难看，需求是希望再图片加载失败的时候，显示加载失败的图片，刚开始也查了一番，没有找到类似的方法，最终自己翻看MDN看到了img的onerror属性，抱着测试的心里，最终解决了自己的问题；在这里记录下来，希望能帮到大家。 下面
阅读全文
