Anson's Blog

微信小程序开中，遇到gif图执行一次的需要，经过多方，之后通过以下方式实现 问题描述：加载本地gif时，就算image重新渲染了，gif也会保持在终点的状态，不会重新播放解决方案：把本地gif的路径换成线上的，然后在最后加上时间戳即可解决方案缺陷：可能会造成卡顿，但目前尚未找到更好的解决方案————————————————参考链接：https://blog.csdn.net/qq_3265... 阅读全文…

html123456<view class="box container"> <view class="user-item" wx:for="{{userList}}" wx:key="index"> <image class=&quo... 阅读全文…

问题一报错信息12TypeError: Cannot read property '$$' of undefined at HTMLElement._attached.wx.getPlatform._touchstartHandlerForDevtools 解决方法：因为小程序会保留上一次滑动swiper时候的current，所以会出现上次滑动到的current在这... 阅读全文…

因为需要做一个小程序的授权弹框，所以就在github上找到一个类似的组件，clone下来之后发现了一些问题，已经修复，之后提交了合并请求，但是没有回应.Github地址：小程序登录组件) 微信小程序授权登录弹框微信小程序登录框1.安装方法： 1git clone https://github.com/BkHumor/wxlogin.git 2.使用方法： （1）在所需页面的JSON文件中引入... 阅读全文…

因为业务需要在小程序里加上很多的弹窗，就想写一个组件来实现； 创建组件 新建文件夹component专门放组件， 新建popup页面，在popup.json中设置：123{ "component": true} 表明它是一个组件，我们称之为“子组件” 注意：在组件wxss中不应使用ID选择器、属性选择器和标签名选择器。（只使用class）如... 阅读全文…

彻底清除小程序按钮的默认样式wxml：1<button hover-class="none"></button> wxss：123456789101112button{ line-height: 1; margin:0;}button::after{ border:none;}input{ ... 阅读全文…

因为业务需要，每个http请求都要加上一个请求头，所以每次都要写很多重复的代码。 现在尝试把wx.request简单的封装了一下，调用一个request方法，每次请求自动携带header头信息，这样就省事多了，包含了常见的get post put delete 四种请求方法，支持Promise方式调用。 封装代码1234567891011121314151617181920212223242... 阅读全文…

新的设计图是按两列瀑布流排版的，类似于花瓣网那种。看到设计图后就在网上找，如何在小程序简单的实现，后来找到了一个特别简单的方法，就是利用wx:if和数组的下标对2取余来判断是排在左列还是排在右列，话不多说看图上代码： ... 阅读全文…

蒙版弹出窗.gif 话不多说 上代码。wxml:123456789101112<view class="page"> <button bind... 阅读全文…

参考小程序iPhone X 视适配 在开发小程序时，可能需要适配iPhone x 的时候，你会发现底部的横线会出现遮挡，这时候就要处理下： 在app.js中添加一个检测当前设备是否是iPhoneX的变量：12345678910111213141516globalData: { userInfo: null, isIphoneX: false//判断是否是iPhoneX}... 阅读全文…