微信小程序
傲笑风
让机器看懂世界
展开
-
微信小程序:时钟倒计时(项目)
基于个人兴趣,做了一个时钟倒计时,页面如下图所示:如果需要的话,可以到以下链接下载:时钟倒计时下载地址原创 2020-04-29 16:41:10 · 630 阅读 · 0 评论 -
微信小程序:消息提示框(wx.showToast)和 交互提示框(wx.showModal)
摘要: 有时需要提示框来提醒我们相应信息,以及交互提示框来让我们是否继续进行操作。一、消息提示框(1)参数介绍消息提示框只有提示作用,不能交互,函数是wx.showToast,下面列出几个主要且常用参数:(2)代码wx.showToast({ title: '已取消本次操作', icon: 'success', duration: 2000})(3)效果二、交互消...原创 2020-04-29 10:46:43 · 7792 阅读 · 1 评论 -
微信小程序:搜索动画显示
摘要: 有时候,我们再加载时,搜索蓝牙和wifi时,需要一个搜索中的动画来渲染我们的页面。动画如下图所示搜索动画函数wx.showLoadingwx.showLoading函数的所有参数如下:而我们一般用到的是title,如图一中的title就是:“设备搜索中”但是,使用wx.showLoading函数后,就要配合wx.hideLoading函数,用来隐藏动画,否则页面的搜索动画一直...原创 2020-04-28 12:01:14 · 626 阅读 · 0 评论 -
微信小程序:延迟函数(serTimeout)和定时器(setInterval)的使用
延迟函数延迟函数:用来经过多少时间后再执行下一步操作如:setTimeout(()=>{ //延迟后进行的操作),delayTime} //delayTime是延迟时间,以毫秒为单位,1000ms=1s定时器定时器:相当于延迟函数的循环,每相隔一定时间进行的操作timer=setInterval(()=>{ //每相隔一定时间进行的操作),delayTime} ...原创 2020-04-28 11:42:36 · 5751 阅读 · 0 评论 -
微信小程序:解决在回调函数(success()和fail())和定时器(setTimeout()和setInterval())里无法使用this
摘要 通常我们会在使用组件成功时,会在回调函数success()里面修改绑定数据(如this.setData())或继续执行其他函数,这时候会用到this;然而,编译时则报错,说:没定义。错误实例如,一个回调函数里修改绑定数据:success:function(){ this.setData({ //修改data{}的数据 })}或者一个回调函数继续执行其他函数:succe...原创 2020-04-28 11:23:26 · 2417 阅读 · 0 评论 -
微信小程序:更改页面背景颜色
微信小程序的页面背景色默认是白色,但可以自主更改。如果想所有页面的背景色都同时一种颜色,只需在app.wass里修改,如果想每个页面的背景色都不一样,则需要在每个页面对应的.wass文件里修改。一开始犯了一个错误,以为在json文件里的window中修改backgroundColor,如"window": { "backgroundColor": "#eeeeee", },结...原创 2020-04-28 10:58:02 · 18665 阅读 · 0 评论 -
微信小程序:变量自加(变量++)和自减(变量--)无法在页面刷新数据
让一个变量自加或者自减,不能使数据在页面实时地更新,举个例子:js文件:Page({ data:{ num = 1, //用于自加的变量 timer:null //定义定时器的返回值 }, onLoad: function (options) { //使用定时器,每隔一秒让num自加一次 this.data.timer=setInterval(()=>{ ...原创 2020-04-28 10:25:31 · 5147 阅读 · 7 评论 -
微信小程序:跳转到底部导航栏的某个页面(wx.switchTab)
页面跳转是微信小程序常用的功能,如果想跳转回底部导航栏的某个页面,wx.navigateTo()等函数是无法返回tabbar绑定的页面的;本文将讲解一个专门能实现跳转到底部导航栏(tabbar)的某个页面的函数:wx.switchTab()如果还不了解什么是底部导航栏(tabbar),可参考:微信小程序之底部导航栏(tabbar)假设小程序已经有tabbar,当前页面不是tabbar绑定的页面...原创 2020-04-20 16:10:37 · 6878 阅读 · 4 评论 -
微信小程序:页面跳转以及页面间值传递(wx.navigateTo、wx.redirectTo、wx.reLaunch)
摘要 当一个小程序存在多个页面时,一般会有页面跳转功能,通常是通过绑定一个事件来触发(如绑定一个按钮,按下按钮后跳转到其它页面);本文详细讲解一下关于微信小程序如何实现页面跳转,以及页面跳转后实现页面之间进行值传递,还有讲解一下官方给出的三个页面跳转函数的区别。三个页面跳转的函数官方给出了三个页面跳转函数,分别是:wx.navigateTo、wx.redirectTo、wx.reLaunch;...原创 2020-04-20 15:20:31 · 6058 阅读 · 0 评论 -
微信小程序的.js文件运行时是多线程吗?
最近在做一个小程序,是关于通过连接低功耗蓝牙(ble)并且发送一个信号的。但在编程调试的过程中,意外地发现:程序运行 wx.writeBLECharacteristicValue()函数,而且还没有运行到回调函数success(),程序就运行了下面的代码行。.js文件的代码大致过程: data:{ canwrite:false, } wx.writeBLECharacteristicV...原创 2020-04-19 23:23:46 · 612 阅读 · 0 评论 -
微信小程序:图标的使用(icon)
摘要: 图标主要是用来辅助ui界面的,常用的是√和×,像蓝牙和wifi是否连上的标志,让人直观明了。icon的参数组件icon的参数主要有三个,下图所示:(1)type:icon的类型,官方给出了9个,分别为success, success_no_circle, info, warn, waiting, cancel, download, search, clear,而这就个类型分别对应的...原创 2020-04-19 10:57:40 · 4406 阅读 · 0 评论 -
微信小程序:更改字体(text)和图标(icon)的颜色以及RGB颜色值与十六进制颜色码之间的转换
摘要: 有时为了让页面小程序页面显示的字体和图标(icon)和顶部导航栏和底部导航栏的颜色相匹配,就需要设置为相同的颜色。表示颜色的方法在微信小程序中,用来表示颜色的方法有3种:关键字、RGB、十六进制,其中:关键字:‘red’, ‘orange’, ‘yellow’, ‘green’, ‘blue’, ‘purple’RGB:‘rgb(255,0,0)’,‘rgb(0,255,0)’,‘...原创 2020-04-17 15:04:31 · 17470 阅读 · 0 评论 -
微信小程序:更改 顶部状态栏( "window")
页面配置:是指顶部状态栏的标题,标题颜色,背景颜色。如下图所示:该标题为内容为:小程序、标题颜色为:黑色、背景颜色为:白色配置对页面配置,要用到组件:“window”。(1)如果小程序有多个页面,想把每个页面的顶部状态栏都设置为一样,则在app.json里面设置 “window” 里面的内容(2)如果想要不同页面显示不同的页面效果,则需要在每个页面的.json文件里设置"window"...原创 2020-04-17 12:14:03 · 4649 阅读 · 0 评论 -
微信小程序:Expecting 'STRING', got INVALID报错
Expecting ‘STRING’, got INVALID报错微信小程序出现如下报错:原因:在app.json有注释解决办法:把注释删掉即可原创 2020-04-17 11:00:53 · 1700 阅读 · 0 评论 -
微信小程序:创建 底部导航栏(tabbar)
**摘要:**底部导航栏可以实现不同页面之间进行切换,一般在微信小程序的首页创建。定义创建底部导航栏的组件为:tabbar,该组件需要在app.json里面进行定义参数导航栏有几个参数需要设置的,如参数color、selectedColor、borderStyle、list:“color”:未选择时,底部导航栏中文字的颜色“selectedColor”:选择时,底部导航栏中文字的颜色...原创 2020-04-17 10:50:25 · 6252 阅读 · 1 评论 -
微信小程序:局部变量和全局变量的使用
局部变量,即只可以在单个页面使用的变量,不同页面间不能引用和修改其他页面的变量。而全局变量则可以实现不同页面之间共享变量。原创 2020-04-17 00:28:09 · 10910 阅读 · 0 评论