wh_xmy的博客

背景：微信小程序添加webpack压缩之后，支持js,css等压缩，但是wxml没有找到对应的api，后来看到小程序可以启动自定义编译命令，兜兜转转找到了一些命令来实现wxml的压缩，记录如下，需要的伙伴自取。命令输入位置如下图：命令如下，可直接复制：以上可以实现wxml的代码压缩，感兴趣的小伙伴可以试试看效果！...

背景：某次需求有文件下载功能，查阅文档使用wx.saveFile下载之后使用者找不到路径，再查阅文档采取曲线解决问题，得wx.openDocument，然打开仍无法保存，关闭找不到，再查得，需要手动设置可分享，这样右上角就可出现分享功能，曲线解决了需求，资料和code记录如下：wx.downloadFile({ url: 'https://*******',//文件路径 success: function (res) { const filePath

背景：新功能发版突然遇到弹窗提示，需要更新用户隐私保护指引的设置，否则无法发布新版本，这里吐槽一下，在此之前微信小程序后台消息并未收到相关通知。解决路径如下：入口有两处，第一处如图：第二处入口，发布版本时会有提示，直接拦截，让完善协议，如图：按照指示操作可见协议具体内容，按照要求完善信息，然后点击确定并生成协议就行了，但是审核应该需要一段时间，我们大概等了一个小时，再次提交代码就可以了，但是这时候才给出了关于这次协议的提示，有那么一丝丝感觉不太友好。详情如下图：以上是本次遇.

背景：我们有时候需要在wxml中使用一些运算，包括但不限于四则运算、三目运算等，我们如果想要使用自定义的一些方法，就需要使用wxs来实现了，下面代码简单介绍了列表中倒计时的实现方法，以及使用wxs把时间戳转换为年月日时分秒的方法。详见代码：目前小程序增加了直播功能，为了在直播列表中加上开播倒计时提醒，我在wxml中简单使用了wxs实现，具体代码如下：wxml代码如下：<wxs ...

背景：H5移动端开发，尤其是基于微信的公号开发，往往伴随着很严重的缓存问题，影响测试和开发人员的感情，为了解决这个问题，找到以下清除缓存的方式，希望对增进开发和测试人员的感情有所作用。方案：安卓端清除缓存的方法如下：http://debugx5.qq.com IOS清除缓存方法如下：1.打开微信，找到“我-设置-通用-存储空间-清理微信缓存” ...

背景：微信小程序开发，准备使用模板消息做些事情，但是发现需要先在微信公众平台的开发——开发设置——消息推送做配置，然后我们后台人员就开始各种配置，但是一到验证token就报错，很是郁闷，然后各种排查，发现了最终原因，过程和代码如下：很多网站给出的服务器代码如下：//检查签名 public function checkSignature(Request $request) { ...

背景：小程序开发中会遇到手机打开开发版或者体验版进不去的情况，刚开始以为是网速等原因，一番测试操作之后发现是别的问题。原因：小程序开发版或者测试版，通过手机登录的时候，由于某些原因（具体不清楚，目测跟微信的调试功能有关）导致接口不调用，小程序无法进入。解决方案：可以在手机上打开调试功能，再次进入就可以了，一个简单又不简单的坑，希望对遇到同样问题的开发者有所帮助。...

背景：小程序使用button，会有一个默认圆角，如果修改数值比较容易，想要去掉就可能遇到坑。原因：小程序的设计风格是button的border和圆角等都是通过after写的，如果需要去掉圆角效果，最好是使用如下代码：button{ border-radius:0;}button::after{ border-radius:0;}通过以上代码可以去掉小程序的bu...

背景：由于微信官方修改了 getUserInfo、authorize 接口，无法弹出授权窗口，所以现在无法实现一进入微信小程序就弹出授权窗口，只能通过 button 去触发，这样就需要我们加一个授权页面去搞定了。前提：微信授权登录仅适用于使用微信用户信息的用户，如果自己的项目有完善的用户信息（一套式开发项目），可不使用微信用户信息；如果仅为微信小程序，则要授权、获取用户信息。实现思路：自己...

小程序提供原生下拉刷新方法的使用以及注意事项如下：1.首先要在需要下拉刷新功能的页面的json文件中，添加以下代码：{ "navigationBarTitleText": "订单列表", "enablePullDownRefresh": true //此处为需要添加的下拉刷新启用字段}2.在对应页面的js文件的onPullDownRefresh方法中实现数据请求等处理，此...

微信小程序页面跳转的方式有两种，1.wxml中使用标签跳转；2.js中使用微信提供API实现跳转；具体介绍如下：1.在wxml中使用标签跳转<navigator url="../index/index" open-type="navigate">跳转到新页面</navigator> <navigator url="../index/index" open...

先看看小程序地址栏传参的方法，如下wxml: &lt;view class="weui-cells weui-cells_after-title" wx:if="{{isNewUser}}"&gt; &lt;navigator url="../address/address?isNewUser=true" class="weui-cell weui-cell_access n...

微信小程序实现顶部导航切换效果可用swiper来实现，效果如下：代码如下：WXML:&lt;view class="page"&gt;&lt;!--顶部导航栏--&gt;&lt;view class="swiper-tab"&gt;&lt;view class="tab-item {{currentTab==0 ? 'on' : ''}}" data-curre

直接上代码：wxml：&lt;view class=" {{menuFixed ? 'fixed': ''}}" id="fix"&gt;某元素&lt;/view&gt;wxss:.fixed{ position: fixed; top: 0; left:0; right:0; }js:data:{ menuTop...

弹出框和模态框的简介和使用方法如下：&lt;view class="container" class="zn-uploadimg"&gt; &lt;button type="primary"bindtap="showok"&gt;消息提示框&lt;/button&gt; &lt;button type="primary"bindtap=&