少吃点肉的博客

先看效果：看看官方文档：开放标签第一步：进入公众号后台绑定安全域名第二步：页面引入jsdk<script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>第三步：配置wx.configwx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开..

开篇上文档：mqtt官方文档发布订阅基础：JS设计模式之发布订阅模式微信小程序版mqtt.js下载：mqtt.js在app.js中全局注册mqtt:const mqtt = require('./utils/mqtt.js') // 引入mqttonLaunch: function() {// 防止重复注册if (!this.globalData.client) { this.initSocket() }},// 注册连接initSocket() {

app.jssetWatcher(page) { let data = page.data; // 获取page 页面data let watch = page.watch; for (let i in watch) { let key = i.split('.'); // 将watch中的属性以'.'切分成数组 let nowData = data; // 将data赋值给nowData let lastKey = key[key.leng

问题：swiper组件自动播放时，左右来回切换闪烁原因：解决方案：不要对current重新赋值，改写一下用curswiperChange (e) { this.setData({ cur: e.detail.current }) },...

首先看一下官方解答：从官方的回答看出这个问题并没有解决，是小程序的onReachBottom 在ios下的BUG。所以解决函数的触发问题可能非常复杂。于是考虑从即使触发后也不影响页面数据出发。比如我们写的商品数据的加载，如果商品goods数组长度为0，则即使触发onReachBottom也不加载下一页就行。具体代码：...

wxml：&lt;!-- banner图 --&gt; &lt;swiper style="height:{{imgHeight[current]}}rpx;" bindchange="bindchange"&gt; &lt;block wx:for="{{imgUrls}}" wx:key="that"&gt; &lt;swipe

微信小程序头部导航经常会用到选项卡，一个会自动居中的选项卡的体验会比普通的选项卡要好很多。效果示意图：被选中的tab会始终居中显示。利用微信小程序自带的组件scroll-view的scroll-left就很容易实现这个效果。wxml代码：&lt;!-- 遮罩层 --&gt; &lt;image wx:if="{{showMaskScroll}}" class=...

微信小程序跳转到其他小程序有两种方式。一种是用组件navigator跳转：&lt;navigator class='miniprogram-btn' target="miniProgram" open-type='navigate' app-id='wxd948ff445451749804' path='pages/index/index'&gt;立即使用&lt;/navigator&g...

微信小程序的自定义组件用多了就会上瘾，恨不得把页面都写成组件，但是这样就会设计很多组件间的通信问题，那就总结一下，在微信小程序里，组件间是如何通信传值的。父组件给子组件传值子组件需要接收父组件传过来的值，在properties里定义： /** * 组件的属性列表 */ properties: { //图片地址 img_src: { type...

开发者可以将页面内的功能模块抽象成自定义组件，以便在不同的页面中重复使用；也可以将复杂的页面拆分成多个低耦合的模块，有助于代码维护。自定义组件在使用时与基础组件非常相似。微信小程序项目越写越大，页面也越来越多，所以将相同作用的模块写成组件是非常必要也方便开发维护的事。比如，一个弹出框写起来很简单，但是每个页面都需要用一个弹出框，如果每个页面都写一个弹出框的话，这就很麻烦，而且没有意义，...

在H5之前，缓存一般都是用cookie，但是cookie的存储空间太小。于是，H5增加了新的缓存机制，即localstorage 和 sessionstorage，具体的介绍就不在多说。在微信小程序中，数据缓存其实就和localstorage 的原理差不多，所以理解起来并不难。下面我们来一起实现一下。效果图展示： 我们在index页面存入数字11，然后在跳转到新页面，在将缓存中的11取出渲染到

从事前端的同学们一定不会对选项卡陌生，不管是自己原生写的，还是各个UI框架里带的，我想大家都使用过很多选项卡，对选项卡的原理也足够清楚了，下面我们来在微信小程序里实现选项卡的功能。微信小程序里没有自带选项卡组件，但是却带有swiper组件，所以，我们便利用swiper来实现选项卡的功能。先看效果图： 实现代码：页面代码：<view class="swiper-tab"> <view cla

在微信小程序里post请求和get情求，写法差不多，但是还是有一点点不同的，下面利用post请求做一个查询天气的微信小程序demo。页面代码：<view> {{title}} </view><span style="font-size:24px;"><!--index.wxml--> <view class="container"> <view style="color:{{red

**在微信小程序里面的跳转其实和html里的超链接a差不多，我们实现跳转可以通过标签实现，也可以通过js实现，下面一一演示给大家看一下。**在展示demo前，我们需要先简单的建好项目文件夹做好准备。如下：标签实现 小程序里面有一个类似于a标签的navigator标签，用来做跳转处理。 <

学习前端的人应该都会使用ajax的get请求数据，那么在微信小程序里怎样实现get请求呢？下面我就给大家演示一下简单的get请求。先上代码：//index.js//获取应用实例var app = getApp()Page({ data: { motto: 'Hello World', onLoad: function () { var that = this w