微信小程序
主要是介绍一些微信小程序的一些实现效果
mkmin
主要对新手入门
展开
-
微信小程序:使用箭头函数的时this.setdata怎么破?
在使用箭头函数的时候是很方便的,有时候我们也会遇到一些情况,比如下面随便搜到的一片博客当然,像这位兄弟说的直接使用es5的写法绝对是没问题的。先澄清一点,这个个人感觉应该不是腾讯的bug,而是你在函数中使用的时候,this,并没有this的定义,可能大家都以为只要有函数,就会有this存在,既然你想有个this,也许你可以考绿在全局中定义一个context,并在onload中赋值如:也许大家会有更...原创 2018-06-11 14:49:18 · 4406 阅读 · 0 评论 -
微信小程序:promise封装wx.request
有时候用到reques方法,可能大家会绝得在每个页面都一样,而且本身的话微信这边已经封装的很简单了,所以没必要再去多做无用功,不过嘛,闲着也是闲着,就直接做了一个promise去封request的方法var WxParse = require('../../wxParse/wxParse.js');Page({ onLoad: function (options) { // htt...原创 2018-05-31 11:51:23 · 4230 阅读 · 0 评论 -
微信小程序:getCurrentPages()的使用
有不少朋友刚接触小程序的时候,也许会有这么一种感觉:“我草,用数据去刷新页面,屌屌的”,也有朋友像我一样发出这样的感觉:“我草,这是向android看齐了吗?”,当然,还有人有这个感觉:“抄袭vue的,不用怀疑了”,既然大家都有感觉vue是抄袭小程序的,那么我们今天就来说说小程序的数据驱动吧对于vue,大家想起来的估计有三个英文字母。spa,啥是spa?spa的意思就是单页面应用,既然如此。那么小...原创 2018-05-15 12:33:45 · 39385 阅读 · 3 评论 -
微信小程序:音乐播放器的使用1
首先第一点。这个音乐播放其实也没什么大的问题,但是有些时候可能要根据pm来开发的时候回有点恶心,比如我就遇到了。勉强提交了一个版本后,开始好好的梳理下这个audio的一开始的时候,pm跟我说我肯定想到的是使用backgroundaudio来播放音乐的,毕竟光是audio组件就不一样了,所以肯定要重写一个组件的,但是仔细想了下,有个比较大的问题,就是使用background的时候,他会自动播放,...原创 2018-04-18 12:34:22 · 2316 阅读 · 0 评论 -
微信小程序:音乐播放器的使用2
上回说到的是只有点击了播放音乐才可以获取到长度,所以如果要获取到长度,基本两点,第一个,你先偷偷去播放,然后再暂停,然后又重置到0,当然,这种好麻烦,最好还是后台的小朋友返回长度给我们好点接下来是第二个的实现了,就是需要我们去获取当前的长度,然后去设置slider的当前值,这个的话翻翻文档, 哦。有一个onTimeUpdate方法是我们需要的,那就好,于是乎,我们的代码现在是这样的: ...原创 2018-04-18 15:54:07 · 734 阅读 · 0 评论 -
微信小程序 textarea的一个“bug”
感觉也不算bug,但是又算bug,怎么说呢?先上张图片问题是啥?问题自然是那行完成了。当然小程序的文档说可以使用show-confirm-bar来设置,但是相信很多朋友也是设置了都没用,但是如果改成show-confirm-bar=""就起作用了。有趣<textarea value="这个是textarea" show-confirm-bar=""></textarea>所...原创 2018-03-25 22:16:42 · 4372 阅读 · 6 评论 -
微信小程序 使用socket的两个注意点
socket官方的文档比较详细,我就不一一说明了,比较需要注意的一点是:在开发者工具上,我们使用的socket是好的,是可以跟后台沟通的,但是在真机上面调试的时候,我们很容易发现一个错误提示---------------------------------------draft refuses handshake-------------------------------------------...原创 2018-03-26 14:40:23 · 8100 阅读 · 0 评论 -
微信小程序:wx.createInnerAudioContext的使用
百度了一下,很多都是使用的createAudioContext对于使用createInnerAudioContext 的反倒比较少,但是人家那儿写着升级版,所以想了下还是使用的createInnerAudioContext比较好点wxml代码如下:<!--当前为停止状态 --><view style="width:250rpx;height:250rpx;left:250r...原创 2018-03-29 11:55:58 · 26534 阅读 · 8 评论 -
微信小程序 :模仿酷狗音乐播放器等界面
也没啥。。。就设计师要求按照他的界面来画。。所以就没办法了wxml代码:<!--当前为停止状态 --><view style="width:250rpx;height:250rpx;left:250rpx;top:12rpx;position:relative;" wx:if="{{isplay==false}}" bindtap='play'> <image...原创 2018-03-29 14:36:59 · 9652 阅读 · 1 评论 -
微信小程序:bindinput与bindsubmit的区别
有时候可能没时间上csdn,以至于一些朋友的消息没看到,如果有问题的朋友,请加微信a13823431958,谢谢-------------------------------------------------------------------------------------------------------------------------实际上的话,bindinput还有bindsu...原创 2018-04-03 10:21:54 · 36490 阅读 · 13 评论 -
微信小程序: 赞赏码的长按识别
有时候可能没时间上csdn,以至于一些朋友的消息没看到,如果有问题的朋友,请加微信a13823431958,谢谢-------------------------------------------------------------------------------------------------------------------------好了,测试了下,发现小程序中,赞赏码还是可以被...原创 2018-04-08 09:19:58 · 8731 阅读 · 2 评论 -
微信小程序 使用rich-text
今天比较得空,就写下使用微信小程序的富文本,先来个传送门rich-text 小程序然后来试试一段简单的代码:<view><rich-text nodes="{{myrich}}"></rich-text></view>Page({ data: { myrich: "" }, onShow: function () { ...原创 2018-03-15 10:40:32 · 20214 阅读 · 0 评论 -
微信小程序:使用倒计时模拟一个声纹波浪效果
其实吧,这个也没啥,就无聊写写的,本来打算使用rich-text来实现,但是很难试下渐变的效果,也就改用view了,代码没啥注意点,就直接黏上来吧wxss:.myi { width: 100%; box-sizing: border-box; padding-left:10%; margin-top: 400rpx; height: 200rpx; text-align: ...原创 2018-03-15 11:43:22 · 3754 阅读 · 0 评论 -
微信小程序:页面跳转
微信小程序跳转页面原创 2017-05-14 09:27:07 · 1406 阅读 · 0 评论 -
微信小程序:设置启动页
微信小程序设置首页原创 2017-05-14 10:37:05 · 3154 阅读 · 0 评论 -
微信小程序:input标签的使用
微信小程序怎么简单使用input标签原创 2017-05-16 22:39:12 · 8888 阅读 · 0 评论 -
微信小程序:toast的使用
微信小程序的toast的使用原创 2017-05-17 00:04:20 · 2960 阅读 · 0 评论 -
微信小程序:拨打电话
微信小程序开发:打电话原创 2017-05-17 10:11:26 · 17855 阅读 · 0 评论 -
微信小程序:隐藏控件
微信小程序怎么动态的隐藏一个控件原创 2017-05-17 23:22:08 · 1453 阅读 · 0 评论 -
微信小程序:发送请求
微信小程序开发请求原创 2017-06-28 23:17:14 · 2245 阅读 · 2 评论 -
微信小程序:更新视图
微信小程序 this。setData()报错原创 2017-06-28 23:30:35 · 5430 阅读 · 0 评论 -
微信小程序页面跳转
微信小程序页面跳转原创 2017-07-22 15:59:42 · 960 阅读 · 0 评论 -
微信小程序使用swiper实现侧滑功能
使用swiper实现侧滑功能。微信小程序原创 2017-10-22 13:31:45 · 1910 阅读 · 0 评论 -
微信小程序循环:Wx:for
微信小程序的for循环原创 2017-11-20 22:34:58 · 11431 阅读 · 0 评论 -
微信小程序:九宫格抽奖
废话不多说,先上样板图代码就先wxml文件:<view id="container"> <!--左上--> <view id="li" class='{{amplification_index===1?"indexli":""}}'> 一等奖 <view></v原创 2017-11-22 18:16:41 · 10705 阅读 · 12 评论 -
微信小程序:使用swiper与scroll-view实现tab选项卡(2)
微信小程序:使用swiper与scroll-view实现tab选项卡(2)原创 2017-12-08 12:09:17 · 5735 阅读 · 3 评论 -
微信小程序:打开设置(权限)页面
微信小程序打开setting原创 2017-12-19 21:57:14 · 31393 阅读 · 0 评论 -
微信小程序:能否上传多张图片
微信小程序用地柜上传多张图片原创 2017-12-21 22:15:59 · 1776 阅读 · 3 评论 -
微信小程序保存网络图片的方式1:getimageinfo+saveImageToPhotosAlbum
好吧,我错了,这个getimageinfo是需要去下载图片的,所以我们还是需要https。。。。(修改)首先,我们使用getimageinfo去获取到我们的图片的信息先(主要是缓存在本地的时候,会保存下一个临时文件),接着再去使用这个方式去保存到本地的相册思路很清晰,代码肯定也就很是简单了 onLoad: function () { wx.getImage原创 2018-01-19 11:45:10 · 12136 阅读 · 5 评论 -
微信小程序保存网络图片的方式2:downfile+saveImageToPhotosAlbum
其实,相比之下,我更喜欢的是上一中方式,但还是多加几种,毕竟条条大路通罗马使用下载文件的方式也是比较简单,但是还是有很多麻烦的地方的,比如:1.你必须是https开头的,第二。你的域名必须在后台配置好,所以就不常用他,但是还是记录下。 onLoad: function () { wx.downloadFile({ url: 'https://ss2.bdstati原创 2018-01-19 12:12:45 · 7107 阅读 · 3 评论 -
微信小程序:真机上canvas使用canvasContext.drawImage图片不显示?
首先,明确两点,很多人的博客在写的时候,都是直接将图片的路径修改为网络路径,然后就再也不理,因为他们觉得这样是可以得,也许,这样是错的哦第二点,腾讯的文档,最好跟着来,他不会跟你任何的扩展性的!!!!!!!!!!!!!!!!!!!!!!!!!好了,先来段代码:// pages/T-canvas/T-canvas.jsPage({ /** * 页面的初始数据 */原创 2018-01-23 10:03:54 · 38400 阅读 · 2 评论