![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
文章平均质量分 77
mkmin
主要对新手入门
展开
-
微信小程序自定义tabbar以及闪烁问题
微信小程序的标题栏,具体描述不需要太多解释,但是很多时候,不满足于默认的配置的时候,需要我们手动的去绘制一个tabbar。比如一般社交平台软件会要求中间有一个突出的发布按钮,此时就需要重新定制下tabbar了。原创 2022-11-05 21:53:08 · 6696 阅读 · 4 评论 -
微信小程序:使用svg
先确定一点,微信小程序中使用svg标签,并不会像沃恩在html中使用<svg>一样,因为小程序并不会认可‘svg’这个标签,所以我们要讨论的,是微信小程序中怎么使用svg,先备注一点:为啥使用svg?这个没有理由,喜欢就是喜欢,非要说就是减少网络请求以icon-font上的代码为例子,首先,我们需要拿到一份‘svg代码;。比如:<svg t="15712928686...原创 2019-10-17 16:54:33 · 9569 阅读 · 1 评论 -
微信小程序:音乐播放器的使用2
上回说到的是只有点击了播放音乐才可以获取到长度,所以如果要获取到长度,基本两点,第一个,你先偷偷去播放,然后再暂停,然后又重置到0,当然,这种好麻烦,最好还是后台的小朋友返回长度给我们好点接下来是第二个的实现了,就是需要我们去获取当前的长度,然后去设置slider的当前值,这个的话翻翻文档, 哦。有一个onTimeUpdate方法是我们需要的,那就好,于是乎,我们的代码现在是这样的: ...原创 2018-04-18 15:54:07 · 713 阅读 · 0 评论 -
微信小程序:音乐播放器的使用1
首先第一点。这个音乐播放其实也没什么大的问题,但是有些时候可能要根据pm来开发的时候回有点恶心,比如我就遇到了。勉强提交了一个版本后,开始好好的梳理下这个audio的一开始的时候,pm跟我说我肯定想到的是使用backgroundaudio来播放音乐的,毕竟光是audio组件就不一样了,所以肯定要重写一个组件的,但是仔细想了下,有个比较大的问题,就是使用background的时候,他会自动播放,...原创 2018-04-18 12:34:22 · 2296 阅读 · 0 评论 -
微信小程序 :模仿酷狗音乐播放器等界面
也没啥。。。就设计师要求按照他的界面来画。。所以就没办法了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 · 9613 阅读 · 1 评论 -
微信小程序:wx.createInnerAudioContext的使用
百度了一下,很多都是使用的createAudioContext对于使用createInnerAudioContext 的反倒比较少,但是人家那儿写着升级版,所以想了下还是使用的createInnerAudioContext比较好点wxml代码如下:<!--当前为停止状态 --><view style="width:250rpx;height:250rpx;left:250r...原创 2018-03-29 11:55:58 · 26379 阅读 · 8 评论 -
微信小程序:bindinput与bindsubmit的区别
有时候可能没时间上csdn,以至于一些朋友的消息没看到,如果有问题的朋友,请加微信a13823431958,谢谢-------------------------------------------------------------------------------------------------------------------------实际上的话,bindinput还有bindsu...原创 2018-04-03 10:21:54 · 36430 阅读 · 13 评论 -
微信小程序 使用socket的两个注意点
socket官方的文档比较详细,我就不一一说明了,比较需要注意的一点是:在开发者工具上,我们使用的socket是好的,是可以跟后台沟通的,但是在真机上面调试的时候,我们很容易发现一个错误提示---------------------------------------draft refuses handshake-------------------------------------------...原创 2018-03-26 14:40:23 · 8079 阅读 · 0 评论 -
微信小程序 textarea的一个“bug”
感觉也不算bug,但是又算bug,怎么说呢?先上张图片问题是啥?问题自然是那行完成了。当然小程序的文档说可以使用show-confirm-bar来设置,但是相信很多朋友也是设置了都没用,但是如果改成show-confirm-bar=""就起作用了。有趣<textarea value="这个是textarea" show-confirm-bar=""></textarea>所...原创 2018-03-25 22:16:42 · 4356 阅读 · 6 评论 -
微信小程序:getCurrentPages()的使用
有不少朋友刚接触小程序的时候,也许会有这么一种感觉:“我草,用数据去刷新页面,屌屌的”,也有朋友像我一样发出这样的感觉:“我草,这是向android看齐了吗?”,当然,还有人有这个感觉:“抄袭vue的,不用怀疑了”,既然大家都有感觉vue是抄袭小程序的,那么我们今天就来说说小程序的数据驱动吧对于vue,大家想起来的估计有三个英文字母。spa,啥是spa?spa的意思就是单页面应用,既然如此。那么小...原创 2018-05-15 12:33:45 · 39335 阅读 · 3 评论 -
微信小程序:使用箭头函数的时this.setdata怎么破?
在使用箭头函数的时候是很方便的,有时候我们也会遇到一些情况,比如下面随便搜到的一片博客当然,像这位兄弟说的直接使用es5的写法绝对是没问题的。先澄清一点,这个个人感觉应该不是腾讯的bug,而是你在函数中使用的时候,this,并没有this的定义,可能大家都以为只要有函数,就会有this存在,既然你想有个this,也许你可以考绿在全局中定义一个context,并在onload中赋值如:也许大家会有更...原创 2018-06-11 14:49:18 · 4385 阅读 · 0 评论 -
微信小程序:promise封装wx.request
有时候用到reques方法,可能大家会绝得在每个页面都一样,而且本身的话微信这边已经封装的很简单了,所以没必要再去多做无用功,不过嘛,闲着也是闲着,就直接做了一个promise去封request的方法var WxParse = require('../../wxParse/wxParse.js');Page({ onLoad: function (options) { // htt...原创 2018-05-31 11:51:23 · 4215 阅读 · 0 评论 -
微信小程序
1.图片的处理 1.图片宽度固定,高度不变mode="widthFix" 2.缩放。显示最长的aspectFill 3.打空格 <text decode="{{true}}" space="{{true}}">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</text&a原创 2018-08-22 10:34:59 · 243 阅读 · 0 评论 -
微信小程序:2.自定义组件Component---加一点点强的版本
在上一篇的基础上,我们这儿再加上一些东西。上回忘记提到了‘监听’,好吧,就是观察者模式,不多说废话,直接上代码。这个是自己封的下载的组件,里面注释个人觉得够多了/** * 下载的组件 * params:{ * initshow:是否展示组件 * initshowprogress:是否展示进度条 * initpath:下载路径, * } * */let download...原创 2019-08-15 14:42:59 · 299 阅读 · 0 评论 -
微信小程序:3用ansync/await这对混蛋还有可爱的promise来封装wx.request
功能的话,在标题讲出来了,我就不废话了,代码:写方法// url:路径// params:参数// args:其他参数import constant from './constant.js';export default function ghhttp({ url, params = {}, ...args}) { // 增加token Object.a...原创 2019-08-15 14:54:36 · 789 阅读 · 0 评论 -
微信小程序:4在app.js中统一处理分享的方法
想到前一个多月都没写博客。内心阵阵不安(内心毫无波动),所以再写几篇博客来安慰下自己(闲得无聊)代码: qcshare() { wx.onAppRoute(function(data) { // 当前页面 let view = getCurrentPages()[getCurrentPages().length - 1]; console.lo...原创 2019-08-15 16:38:32 · 2965 阅读 · 0 评论 -
微信小程序:1.自定义组件Component
1.自定义组件组件化的概念,大家都不太陌生,简单点来说,就是将一些常用的,比如一个页面的搜索框。可能很多页面都会用到,这时候,就可以将它封装成为一个组件,最近由于要开始微信小程序的开发,所以就开始查漏补缺,发现自己之前刚入门时候,没有具体的去看组件化,所以现在就写个demo给大家看看2.基本结构首先,最基本的文件结构,应该是这样子的:其中的component就是我们用于存放组件...原创 2019-08-12 23:09:55 · 1163 阅读 · 0 评论 -
微信小程序:5.写一个下载的组件
在前几篇的基础上,做出了下修改,逻辑大概是1.检查是否路径,没有的话,则显示加载中的标识2.检查用户是否开启保存相册/视频的权限(非初次),3.检查用户当前网络状态,4.开始下载任务,且若无progress返回,则取消progress的显示5.下载成功,则根据尾缀进行保存(大部分的尾缀类型)保存(非初次)6.提示下载成功/失败代码大概是下面这样,/** * 视频下载的组...原创 2019-08-29 19:15:53 · 373 阅读 · 0 评论 -
微信小程序:6.一个input输入框
封了一个输入框的组件,大概的逻辑是:1.输入框监听input事件,confirm事件,当数据发生变化时,反馈给外界2.要带上一个删除图标的样式不是很麻烦,就直接吧代码贴上来<view class='component'> <view class='inputbox'> <image class='image' src="../../ass...原创 2019-09-02 22:28:22 · 943 阅读 · 0 评论 -
微信小程序: 赞赏码的长按识别
有时候可能没时间上csdn,以至于一些朋友的消息没看到,如果有问题的朋友,请加微信a13823431958,谢谢-------------------------------------------------------------------------------------------------------------------------好了,测试了下,发现小程序中,赞赏码还是可以被...原创 2018-04-08 09:19:58 · 8625 阅读 · 2 评论 -
微信小程序:使用倒计时模拟一个声纹波浪效果
其实吧,这个也没啥,就无聊写写的,本来打算使用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 · 3702 阅读 · 0 评论 -
微信小程序:设置启动页
微信小程序设置首页原创 2017-05-14 10:37:05 · 3138 阅读 · 0 评论 -
微信小程序:input标签的使用
微信小程序怎么简单使用input标签原创 2017-05-16 22:39:12 · 8870 阅读 · 0 评论 -
微信小程序:拨打电话
微信小程序开发:打电话原创 2017-05-17 10:11:26 · 17747 阅读 · 0 评论 -
微信小程序:隐藏控件
微信小程序怎么动态的隐藏一个控件原创 2017-05-17 23:22:08 · 1438 阅读 · 0 评论 -
微信小程序:发送请求
微信小程序开发请求原创 2017-06-28 23:17:14 · 2229 阅读 · 2 评论 -
微信小程序:页面跳转
微信小程序跳转页面原创 2017-05-14 09:27:07 · 1381 阅读 · 0 评论 -
微信小程序:toast的使用
微信小程序的toast的使用原创 2017-05-17 00:04:20 · 2938 阅读 · 0 评论 -
微信小程序:更新视图
微信小程序 this。setData()报错原创 2017-06-28 23:30:35 · 5381 阅读 · 0 评论 -
微信小程序循环:Wx:for
微信小程序的for循环原创 2017-11-20 22:34:58 · 11406 阅读 · 0 评论 -
微信小程序:使用swiper与scroll-view实现tab选项卡(2)
微信小程序:使用swiper与scroll-view实现tab选项卡(2)原创 2017-12-08 12:09:17 · 5711 阅读 · 3 评论 -
微信小程序 使用rich-text
今天比较得空,就写下使用微信小程序的富文本,先来个传送门rich-text 小程序然后来试试一段简单的代码:<view><rich-text nodes="{{myrich}}"></rich-text></view>Page({ data: { myrich: "" }, onShow: function () { ...原创 2018-03-15 10:40:32 · 20159 阅读 · 0 评论 -
微信小程序:真机上canvas使用canvasContext.drawImage图片不显示?
首先,明确两点,很多人的博客在写的时候,都是直接将图片的路径修改为网络路径,然后就再也不理,因为他们觉得这样是可以得,也许,这样是错的哦第二点,腾讯的文档,最好跟着来,他不会跟你任何的扩展性的!!!!!!!!!!!!!!!!!!!!!!!!!好了,先来段代码:// pages/T-canvas/T-canvas.jsPage({ /** * 页面的初始数据 */原创 2018-01-23 10:03:54 · 38331 阅读 · 2 评论 -
微信小程序保存网络图片的方式2:downfile+saveImageToPhotosAlbum
其实,相比之下,我更喜欢的是上一中方式,但还是多加几种,毕竟条条大路通罗马使用下载文件的方式也是比较简单,但是还是有很多麻烦的地方的,比如:1.你必须是https开头的,第二。你的域名必须在后台配置好,所以就不常用他,但是还是记录下。 onLoad: function () { wx.downloadFile({ url: 'https://ss2.bdstati原创 2018-01-19 12:12:45 · 7071 阅读 · 3 评论 -
微信小程序保存网络图片的方式1:getimageinfo+saveImageToPhotosAlbum
好吧,我错了,这个getimageinfo是需要去下载图片的,所以我们还是需要https。。。。(修改)首先,我们使用getimageinfo去获取到我们的图片的信息先(主要是缓存在本地的时候,会保存下一个临时文件),接着再去使用这个方式去保存到本地的相册思路很清晰,代码肯定也就很是简单了 onLoad: function () { wx.getImage原创 2018-01-19 11:45:10 · 12068 阅读 · 5 评论 -
微信小程序:能否上传多张图片
微信小程序用地柜上传多张图片原创 2017-12-21 22:15:59 · 1757 阅读 · 3 评论 -
微信小程序:打开设置(权限)页面
微信小程序打开setting原创 2017-12-19 21:57:14 · 31287 阅读 · 0 评论 -
微信小程序:九宫格抽奖
废话不多说,先上样板图代码就先wxml文件:<view id="container"> <!--左上--> <view id="li" class='{{amplification_index===1?"indexli":""}}'> 一等奖 <view></v原创 2017-11-22 18:16:41 · 10671 阅读 · 12 评论 -
微信小程序使用swiper实现侧滑功能
使用swiper实现侧滑功能。微信小程序原创 2017-10-22 13:31:45 · 1892 阅读 · 0 评论 -
微信小程序页面跳转
微信小程序页面跳转原创 2017-07-22 15:59:42 · 925 阅读 · 0 评论