此文章有最新地址:微信小程序利用setData对列表进行局部刷新超详细
应用场景
在一个列表中，有n条数据，采用上拉加载更多的方式，假如这个时候想对其中某一个数据进行点赞操作，还能及时看到点赞的效果
解决方法
1、可以采用setData全局刷新，点赞完成之后，重新获取数据，再次进行全局重新渲染，这样做的优...
小程序组件 scroll-view 中分别有上下竖向滑动和左右横向滑动之分，在这次项目中刚好需要用到横向滑动，但在测试过程中发现横向滑动没有了效果（静止在那里没移动过），经调试发现：
1.scroll-view 中的需要滑动的元素不可以用 float 浮动；
2.scroll-view 中的包裹需要滑动的元素的大盒子用 display:flex; ...
最近开发了一个在微信小程序做直播的系统。
功能比较简单，就是主播开播-用户看直播，主播端和用户端都是在小程序上。
先说一下需求来源。起先是一个做翡翠原石（俗称赌石）的客户找到要做这个系统，然后我根据他的需求，理出大致的功能。
一、首页不要有直播入口，但可以放一些品牌和公司介绍
...
首先在json中;
{ "usingComponents": {}, "enablePullDownRefresh": true, "backgroundTextStyle": "dark"}
然后在xx.js中：
onPullDownRefresh() { // wx.startPullDownRefresh() console.log(1) wx.stopPullDownRefresh() //停止下拉刷新 一定要加 不然一直刷新 wx.hideLoading(); }
文...
js函数代码
data:{
goodsList:[],
}
updateGoodList:function(e){
let id = e.currentTarget.dataset.id // 获取传入的id
let index = e.currentTarget.dataset.index // 获取数据的索引
let temp = 'goodsList[' + index +'].num' // 获取goodsList[index].num **这是重点**
this.setD...
小程序图片点击全屏.gif
话不多说 上代码。wxml:
<view class="page"> <button bindtap="showMask"> 弹出 </button> <view catchtouchmove="preventTouchMove" class="alert-mask" wx:if="{{showModal}}"></view> <view class="modalDlg" wx:if="{{showModal}}">...
彻底清除小程序按钮的默认样式
wxml：
<button hover-class="none"></button>
wxss：
button{ line-height: 1; margin:0;}button::after{ border:none;}input{ outline:none; border:none; list-style: none;}
文章转载于:https://www.jianshu.com/p/a2d03b8ccf52
原著是一个有趣的人,若有...
新的设计图是按两列瀑布流排版的，类似于花瓣网那种。看到设计图后就在网上找，如何在小程序简单的实现，后来找到了一个特别简单的方法，就是利用wx:if和数组的下标对2取余来判断是排在左列还是排在右列，话不多说看图上代码：
b878d9ea6545b27469595a8d88951bb.png
wxml:
<view class='footlist'>...
问题一
报错信息
TypeError: Cannot read property '$$' of undefined at HTMLElement._attached.wx.getPlatform._touchstartHandlerForDevtools
解决方法：因为小程序会保留上一次滑动swiper时候的current，所以会出现上次滑动到的current在这次的数据中不存在问题，所以，每次动态加载swiper-item前，需...
因为业务需要，每个http请求都要加上一个请求头，所以每次都要写很多重复的代码。
现在尝试把wx.request简单的封装了一下，调用一个request方法，每次请求自动携带header头信息，这样就省事多了，包含了常见的get post put delete 四种请求方法，支持Promise方式调用。
封装代码
class request { constructor...