
微信小程序
文章平均质量分 54
狴犴ys
这个作者很懒,什么都没留下…
展开
-
微信小程序使用post请求传对象_后台值为空问题分析
这是因为小程序传的值相当于是 data:{user:{属性}},而后台需要传值的形式是data:{属性}小程序那里相当于是多加了一层,因此我们给出两种方案。在小程序中,我们如果使用一下这种方式进行传对象。在后台我们也使用对象的方式去接收,例如以下代码。2.或者不嫌麻烦的话把对象的属性拆开来写。后台经常会收不到值,属性都是空的。1.请求写成这种形式即可。原创 2023-03-27 22:10:42 · 1360 阅读 · 0 评论 -
小程序view,text不自动换行问题
加上以下代码即可word-break: keep-all;word-wrap: break-word;white-space: pre-line;原创 2021-08-12 17:59:56 · 361 阅读 · 1 评论 -
微信小程序:通过回调解决先执行onLaunch后执行onload的问题
文章目录promise(不行)回调(可以解决)背景:刚打开小程序的时候会小程序会执行onLaunch方法,执行完之后执行onload方法,但是当我们在onLaunch方法里执行异步操作,例如调用wx.login、使用request调用后台接口,就不能保证onLaunch方法中所有调用方法执行完成后执行onload。当我们在onload方法中需要onLaunch方法中获取的某些数据时,会导致数据获取不到。promise(不行)我一开始想的使用promise解决异步问题,但是不行,promise只能保原创 2021-08-11 18:06:46 · 2195 阅读 · 0 评论 -
微信小程序音频播放
实现小程序音频播放只需要调用wx.createInnerAudioContext(),然后设置音频路径即可播放为了用户体验更加良好,我使用一个进度条让用户能控制小程序的播放,下面是效果图这是这两张图wxml<view class="music"> <!-- 播放按钮 --> <image src="/image/play.png" wx:if="{{!isPlay}}" bindtap="audioPlay"></image> .原创 2021-08-11 11:00:16 · 5443 阅读 · 2 评论 -
json对象转换为http请求参数
例: var json = {name:“zhangsan”,age:13} 转化 ?name=zhangsan&age=13//json对象转http请求参数字符串jsonToString(json){ //判断是否为json对象 if(typeof(json) != "object"){ return ""; } //json属性计数 var filedNum = 0; var str = "?"; for (const .原创 2021-08-09 15:35:27 · 1370 阅读 · 0 评论 -
微信小程序实现订阅消息流程介绍
文章目录在微信公众平台申请订阅消息的模板用户点击按钮,请求用户同意订阅消息在任何时间发送一次订阅提醒前言:微信官方提供了订阅消息的服务,开发者需要在微信公众平台申请订阅消息的模板,然后用户点击按钮,同意订阅该消息requestSubscribeMessage,我们就可以在后台调用微信官方提供的接口subscribeMessage.send在任何时间给发送一次/无限次订阅提醒。在微信公众平台申请订阅消息的模板微信公众平台消息模板可以分为两类:一次性的(用户允许一次可以发送一次),无限次的(用户允许原创 2021-08-06 13:45:10 · 2428 阅读 · 1 评论 -
微信小程序报错:47001 - data format error hint
微信官方是这样解释的:缺少必填参数但他并没有给出解决的方案这个问题困扰了我很久,最近才解决,下面我给出一种可能出现的错误在给微信官方发送post请求时,我们需要用到access_token,token需要通过auth.getAccessToken接口获取,在此不在赘述。拿到access_token后,发送请求时需要添加该参数,添加方式错误的话就会报47001错误写法wx.request({ url: "https://api.weixin.qq.com/wxa/msg_sec.原创 2021-08-06 10:44:36 · 6609 阅读 · 0 评论 -
js中async和await与异步的关系(适合吃饭的时候看)
首先这个这两个关键字在js中经常一块使用,涉及到promise语法,不熟悉Promise的小伙伴可以去这里学习一下,下面说我想说的。asyncasync:在有道上翻译翻译就知道是异步的意思,那他到底有没有让方法变成异步的功能呢?有,但并没有完全有当一个方法被async修饰,并且方法体中使用了await关键字,该方法在被调用的时候就会变成异步的。如果该方法只是被async修饰,那他在被调用的时候不是异步的,请看代码和结果asyncTest(){ this.test1();原创 2021-08-03 17:16:46 · 413 阅读 · 1 评论 -
去除小程序button标签的边框
小程序button默认有一个边框,使用border:none 并不能将其去除,给button的后伪元素设置 border:none才能去除button::after{ border:none}原创 2021-07-28 14:55:31 · 518 阅读 · 2 评论 -
微信小程序网址跳转
使用< web-view>官方介绍使用场景:点击某个东西跳转到指定路径的网页使用条件:小程序为非个人小程序,要跳转的路径需登录小程序管理后台配置业务域名使用方法:创建一个页面 => 在wxml中添加该标签 => 该标签的src属性即为我们要跳转的页面使用过程:点击某个东西时,跳转到我们刚写的页面,把url通过路径传过去。使用效果:点击后会跳转到我们想要跳转的路径...原创 2021-07-21 16:58:18 · 276 阅读 · 3 评论 -
[渲染层网络层错误] Failed to load local image resource /pages/map/index/ the server responded with a statu
[渲染层网络层错误] Failed to load local image resource /pages/map/index/the server responded with a status of 500 (HTTP/1.1 500 Internal Server Error)关于这个错误是由于小程序渲染数据(图片)时,图片没有获取到,导致渲染失败,我们使用wx:if让他在获取图片之前不渲染即可。 <image class="search" wx:if="{{imageSrc}}" s.原创 2021-07-21 15:28:58 · 5943 阅读 · 1 评论 -
微信小程序云开发之微信支付
文章目录使用云函数获取wx.requestPayment所需的参数第一步、使用npm导入tenpay第二步、编写云函数代码在页面js中调用该云函数即可使用promise对代码进行改进前两天写了一个云函数的博客,今天写一下关于云函数实现微信支付的过程注意实现微信支付功能需要申请商户号,并且让微信小程序绑定商户号,获取商户秘钥使用云函数获取wx.requestPayment所需的参数我使用tenpay这个第三方软件获取参数第一步、使用npm导入tenpay如果没有下node就去下一个,网上有原创 2021-07-19 15:34:52 · 580 阅读 · 0 评论 -
微信小程序云开发-云函数
文章目录如何开始第一步-注册小程序、创建小程序项目第二步、设置环境id第三步、配置第四步、创建云函数文件第五步、初始化云开发第六步、创建云函数第七步、编写一个简单的云函数第八步、上传云函数第九步、开心的使用云函数最近做的一个项目里需要用到微信支付,所以来学习一下云开发如何开始第一步-注册小程序、创建小程序项目去微信公众平台注册自己的微信小程序,官网下载微信开发者工具,打开微信开发者工具,创建自己的小程序,如下图(appid从微信公众平台->开发->开发管理->开发设置)第二原创 2021-07-19 08:49:07 · 1924 阅读 · 4 评论 -
微信小程序module.exports与exports,export与export default,import 与require
文章目录关于变量的导出module.exports与exportsexport与export default变量的导入requireimport声明:本文章所有代码及输出结果本人全部经过测试。关于变量的导出变量的导出涉及到四个关键字module.exports与exports,export与export default,其中module.exports与exports是符合CommonJS模块规范的。export与export default是es6用来导出模块的。module.expo原创 2021-07-16 11:25:06 · 6666 阅读 · 11 评论 -
关于我对css的padding、margin的理解
文章目录关于margin与paddingflex布局下的margin与padding关于小程序中的page这两天一直在整一个微信小程序的页面搭建,对css的padding与margin有了更深的理解特此写一篇文章记录一下关于margin与padding首先我们要知道小程序的每一个组件都是有宽高的,像swiper、image这些组件默认宽高不为零,view、text这样的组件默认宽为父元素的宽,高默认为子元素的高,没有子元素时高为零。关于width、padding、border、margin的原创 2021-07-15 14:04:39 · 190 阅读 · 0 评论 -
微信小程序:用户头像的更改与保存
在小程序中一般使用用户的微信头像作为其小程序头像,但有时用户不用微信头像,我们就要提供可更改的方法。完成这项功能需要两个微信官方的apiwx.chooseImage和wx.uploadFilewx.chooseImage:wx.chooseImage({ //从本地相册选择图片或使用相机拍照 count: 1, // 默认9 sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有 sourceType: ['albu.原创 2021-07-14 14:19:42 · 7138 阅读 · 0 评论 -
小程序中input输入框如何实现文本右对齐
小程序中偶尔会有让文字右对齐的需求我们设置input标签的css样式text-align: right;即可input{ text-align: right;}当我们只想让输入框中默认字体向右对,其我们可以这样<input placeholder="请输入" placeholder-style='text-align:right'></input>...原创 2021-07-14 13:24:07 · 12665 阅读 · 0 评论 -
关于微信小程序的分享某个页面并传参的介绍
前言小程序转发时如何指定转发特定的页面、特定的标题以及特定的图片,点击分享链接时如何获取分享源的的信息呢,本文章将为您一一解答。如何进行微信小程序的转发通过按钮方式进行转发,设置一个button,添加opentype属性,其值为share即可<button open-type="share">分享</button>用户点击右上方选项进行转发(该选项默认存在,不需要我们设置)定义转发信息不论用户使用哪种方式的转发都会触发onShareAppMessage监听事件,我原创 2021-07-01 10:07:54 · 2246 阅读 · 0 评论 -
微信小程序获取农历相关信息工具js
获取农历操作方法代码如下操作方法在我们小程序项目根目录创建一个文件夹,里面是一个js文件,把下面的代码放到该文件里。在我们需要使用农历的页面的js文件中引入上面的js文件,写在文件最上面注意:我引入时用的相对路径import convertSolarLunar from "../../utils/convertSolarLunar"代码如下/** * @1900-2100区间内的公历、农历互转 * @Version 1.0.3 * @公历转农历:calendar.solar2lu原创 2021-06-03 21:11:39 · 1000 阅读 · 0 评论 -
微信小程序事件详解
本文章转载字微信小程序开发文档中事件部分链接:https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/event.html事件 # 事件 # 什么是事件 事件是视图层到逻辑层的通讯方式。 事件可以将用户的行为反馈到逻辑层进行处理。 事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数。 事件对象可以携带额外信息,如 id, dataset, touches。 # 事件的使用方式 在组件中绑定一个.转载 2021-05-27 21:34:21 · 1244 阅读 · 0 评论 -
关于微信小程序底部类似于导航栏的悬浮组件
使用position=fixed来让该组件固定到底部,由于他的position是fixed,这个view写到哪里都行。固定好之后会出现一个问题:当页面滑到底部时,该悬浮组件会遮挡原有的内容为了解决上述问题,我们在页面底部加一个view,设置它的高度为,底部组件的高度,这样滑到底部时,这个view就阻止我们要展示的内容继续向下,进而不会遮挡该内容。下面是代码/* 这是底部标签 */.edit { height: 8vh;}底部悬浮内容.message { position: fi.原创 2021-05-27 17:50:02 · 1091 阅读 · 0 评论 -
关于js中的date
datedate的构造方法(String转Date)date的获取时间的一些方法设置date的方法date转Stringdate的构造方法(String转Date)返回当前日期的date对象new Date()返回指定日期的date对象new Date(1293879012) 改时间距1970年1月1日已有1293879012毫秒new Date(“2019-10-3”)new Date(“2019/10/3”)new Date(2019, 10, 3) 10对应11月new Date(原创 2021-05-27 10:25:44 · 264 阅读 · 0 评论 -
关于微信小程序用户授权以及获取非敏感用户信息
授权及获取用户信息授权wx.getSetting(版本:2.6.3及以上)wx.authorize()wx.openSetting获取用户信息UserInfogetUserInfo(2.3.1-2.10.4)getUserProfile(2.10.4及以后)授权小程序授权相关api:wx.getSettingwx.authorizewx.openSetting以及授权对应的api(例如:获取用户信息:getUserInfo)wx.getSetting(版本:2.6.3及以上)该api用于原创 2021-05-23 00:12:49 · 1024 阅读 · 3 评论 -
微信小程序中函数的分类以及var that=this的作用
普通函数与箭头函数// 执行正常 function 方法名() 会直接将函数提升到顶部所以此步成功normalFun(2);// 执行失败 因var会将arrowFun变量提升但赋值仍在原本行无法在赋值前调用// arrowfun();// 箭头函数var arrowFun = ()=>{console.log(this)}// 正常函数function normalFun(a){this.a = a; console.log(this)}// 定义对象cat有两个属性分别保存箭头函原创 2021-05-21 16:42:50 · 478 阅读 · 0 评论 -
微信小程序连接蓝牙模块发送数据的详解以及封装版
连接蓝牙前言详解需要的数据apiopenBluetoothAdapter:打开蓝牙适配器getBluetoothAdapterState:查看蓝牙适配器状态startBluetoothDevicesDiscovery:开始搜索蓝牙设备getBluetoothDevices:获取所有已发现的所有蓝牙设备createBLEConnection:连接蓝牙设备stopBluetoothDevicesDiscovery:停止扫描设备getBLEDeviceServices:获取连接设备的service服务封装版前言原创 2021-04-24 19:30:08 · 12319 阅读 · 10 评论 -
关于微信小程序request请求获取大量信息时,wx:for渲染失败问题的解决
问题的原因request请求是异步的,当有大量数据要获取时,数据还没有获取完,程序已经进行了wx:for的渲染,这时候我们还没有要获取的数据,这就会导致数据渲染失败问题的解决有两种解决办法Promise(推荐)Promise可以把请求改成同步的,并且还可以解决由于方法过多引起的回调地狱问题。因此我们推荐使用这种方法先在程序根目录下创建一个request文件夹,然后创建js文件request.js中的代码export const request=(params)=>{ retu原创 2021-04-15 21:17:20 · 1877 阅读 · 0 评论 -
使用ColorUI编写小程序
去gitee或者github上搜索ColorUI下载源码使用小程序打开其中的demo文件,它相当于一个模板使用小程序打开其中的template文件,它相当于一个初始化好的小程序,你可以在里面写你自己的代码。在微信中搜索ColorUI这个小程序,我们可以看到有许多样式,当需要某个样式时我们可以从demo里对应的目录中找,找到之后复制其中的wxml和wxss代码即可,有的需要js的代码但数据要改成我们自己小程序所需要展示的数据...原创 2021-04-09 18:44:38 · 559 阅读 · 0 评论 -
小程序获取用户唯一的openid
需要的数据用户的js_code通过小程序自带的api:wx.login获取,不需要参数appid:从小程序公众平台通过已经注册的小程序secret:小程序开发设置里获取获取接口: https://api.weixin.qq.com/sns/jscode2session参数js_code,appdi,secret,grant_type=authorization_codepublic Code2Session getOpenid(String js_code, String ap原创 2021-04-08 14:21:43 · 181 阅读 · 0 评论 -
2021-03-07-微信小程序基础
微信小程序原创 2021-03-11 21:12:19 · 565 阅读 · 0 评论