lx_1024的博客

最近开始做微信小程序，这里记一些微信小程序的基础开发微信小程序，首先得有一个微信号，然后到微信小程序官方网站里下载一个微信小程序开发者工具，对微信小程序的开发、调试、运行、发布都在这上面操作，微信小程序官网：https://mp.weixin.qq.com/debug/wxadoc/dev/开发者工具下载好了就可以去申请一个小程序账号，当然也可以不申请，在创建小程序时，就没有APPID，也不能上传...

习惯了封装请求，使用微信小程序原生的请求比较麻烦，就打算自己封装一个请求，这样会简便一些，下面是封装的js，在使用时引入要使用的js就行function wxRequest(url, method, data) { let promise = new Promise(function (resolve, reject) { wx.request({ url: get...

要想循环调用一个方法肯定是要判断某个值，当这个值为假时调用这个方法，为真就不调用query:function(){ if(!!wx.getStorageSync('userInfo')){ let _this=this; setTimeout(()=> { _this.query(); },500); retur...

微信小程序官方的滚动写的比较简单，想实现横向滚动还花了点时间，这里记录一下下面是wxml文件里的内容<scroll-view scroll-x class="scroll-header"><view id="green" class="scroll-view-item bc_green"></view><view id="red&quot

wx:if 和hidden都可控制显示与隐藏，不过wx:if存在惰性，如果一开始就是false，在渲染页面时什么都不会做，直到变为true后才会进行操作，改变时花费时间较长；hidden在渲染页面时不管值是true还是false都会渲染，只是控制它是否显示，在改变时花费时间较少。在使用时可以权衡一下。不过我遇到过在使用wx：if时，初始为false，后面渲染页面后改变值为true，但是页面没有反应...

微信小程序支持taughtstart，taughtmove，taughtend事件，通过调用这几个事件，判断手指的位置，通过位置的差值来判断手指是怎么滑动的,把事件绑定在一个容器上，设定这个容器的大小，就可以在容器内划动，然后判断其划动方向。<view class="contentContainer" bindtouchmove="handletouchmove" bindtouchs...

微信小程序的绘图是使用canvas，canvas的使用和普通的h5的canvas使用一样，没有什么区别想使用canvas，首先是要在页面是创建canvas标签，如果只是想要获得图片，可以把canvas定位到页面之外<canvas style="width: 300px; height: 200px;" canvas-id="myCanvas"></canvas><b...

这是自己做的一个五星评分组件,直接放项目里用，没有抽取为一个单独的组件，因为本身就很小，下面是一个纯显示的五星评级，如果需要打分，可以在image上加上点击事件，动态改变值。index.wxml<block wx:for="{{imgs}}" wx:key="{{item.id}}"> <image class="star" src="{{item.id>starId...

在修改二级页面后直接返回一级页面，并且二级页面的数据跟一级页面有一定的关联性，这个时候返回就应该改变一级页面的数据，要想实现这个功能，有以下几个思路一、在二级页面修改成功后，把修改的内容保存到缓存或者全局变量里，在一级页面里的show方法里接收这个保存的数据，并修改相应的数据，在卸载这个页面的方法里手动去除缓存或把全局变量里的值置为null二级页面保存数据//保存到全局变量中var app = ...

由于微信小程序只支持分享给朋友或者群，不支持分享到朋友圈，又有分享到朋友圈这个需求，那就要想办法实现这个需求。查阅各种资料，发现基本思路有两种，一种是后端实现，另一种是前端实现，后端实现的方式这里就不讨论了，因为我是不懂后端的，只会前端的东西，所以这里就记录一下前端的实现方法。前端要实现分享到朋友群，都是通过canvas做一张图片，然后用户手动分享朋友圈。前端具体要做的就是把要分享的页面用canv...

微信小程序的组件有两种方式第一种方式，下面是一个组件的基本组成部分，样式表就不写了，组件的index.wxml<view> <text>我是组件</text><text>传入组件的值： {{text}}</text><text>组件内部的值{{data}}</text><text wx:if

首先是wxml文件<view class="tabCon"> <view class="tab1" bindtap="tab1Click">tab1</view> <view class="tab2" bindtap="tab2Click">tab2&