
微信小程序
Chasing stars
我要畅饮它清澈的遗忘,永远存在,但绝不曾经存在。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
微信小程序相册图片转base64
微信小程序相册图片转base64很多场景我们需要把微信的相册或者拍照的图片变成base64格式,使用了微信的 wx.getFileSystemManager().readFile()这个函数,让图片base64的转换非常方便,下面是一个简单的代码实现 takePhoto() { wx.chooseImage({ count: 1, //照片数量 sizeType: ['compressed'], //压缩的图片原创 2021-06-22 13:28:40 · 1035 阅读 · 0 评论 -
微信开发者工具光标异常(变粗和一闪一闪)解决办法
微信开发者工具异常(变粗和一闪一闪)解决办法问题产生解决办法总结问题产生在写小程序的时候,不知道按了什么,变成了一闪一闪的也变粗了,按回退键无法删除,如下图解决办法同时按住 shift 和 C及,shift + c。如下图是恢复正常的总结后来试了一下,原来 Ctrl + c 就会变成异常的情况,而 shift + c 就会变回正常的情况。还有就是没事不要随便乱摁。...原创 2021-06-08 00:27:32 · 2627 阅读 · 7 评论 -
微信小程序封装api接口(request和uploadFile)
微信小程序封装api接口(request和uploadFile)1. 在pages同级的目录下新建一个api文件夹,并新建一个env.js文件2. 编写request.js文件3. 编写api.js4. 调用方法为了方便对微信小程序对请求的管理,同时减少代码的冗余下面是具体的封装方法:1. 在pages同级的目录下新建一个api文件夹,并新建一个env.js文件env.js文件名字可以换,用于设置公共访问url,即环境地址//设置公共访问url,即环境地址 //commonJS写法--node采原创 2021-04-15 22:34:46 · 1329 阅读 · 1 评论 -
微信小程序wx.uploadFile将本地或者拍照的图片上传到后端
微信小程序wx.uploadFile将本地或者拍照的图片上传到后端官方调用例子各参数的说明后端springboot的接收例子注意事项在一些应用场景,我们需要将微信拍照或者微信相册中的照片上传到后端去接收,这里就要用到wx.uploadFile()这个api了具体请看https://developers.weixin.qq.com/miniprogram/dev/api/network/upload/wx.uploadFile.html官方调用例子wx.chooseImage({ succes原创 2021-04-15 01:53:55 · 12186 阅读 · 3 评论 -
微信小程序Vant Weapp中的Toast导入失败解决办法
Vant Weapp中的Toast导入失败解决办法我是按照官方文档 https://vant-contrib.gitee.io/vant-weapp/#/toast 的例子导入的在json中加入,"van-toast": "@vant/weapp/toast/index"然后在js中加入import Toast from '../../node_modules/@vant/weapp/dist/toast/toast';但是报错但是node_modules/@vant/weapp/dist原创 2021-04-13 21:55:47 · 1538 阅读 · 2 评论 -
微信小程序获取 openid 和 session_key 等信息
微信小程序获取 openid 和 session_key 等信息1、调用接口获取登录凭证(code)。2、登录凭证校验。3、各参数获取方式4、完整的获取 openid 的代码示例。最近在写小程序的时候遇到要向后台提交一个唯一的标识,于是便找到了微信自带的openid,openid是微信用户在小程序的唯一标识。但是获取过程并不是那么简单,于是在此记录。以下是小程序的登录流程。通过它的登录流程,我们可以得出请求步骤。1、调用接口获取登录凭证(code)。需要通过凭证(code)进而换取用户登录态信息,原创 2020-10-14 23:46:07 · 3889 阅读 · 0 评论 -
微信小程序安装Vant Weapp
微信小程序安装Vant Weapp1.打开微信开发者工具,找到app.js,右键在终端打开。2.在终端运行如下代码3.上一步运行完成后,初始化4.找到工具,构建npm,在本地设置npm模块。5.测试是否成功1.打开微信开发者工具,找到app.js,右键在终端打开。如图,打开了项目的根目录。2.在终端运行如下代码# 通过 npm 安装npm i @vant/weapp -S --production3.上一步运行完成后,初始化这一步很重要,如果没有初始化是构建不了npm的。npm init原创 2020-10-03 23:32:46 · 685 阅读 · 0 评论 -
微信小程序界面开发-界面跳转
实现界面跳转不止一种方法,比如可以使用导航栏,而下面我将用另一种方式来实现,如果你想用导航栏实现可以参考导航栏一、wxml代码 <view class="main-memu" bindtap="go"> <view> <image src="images/icon_camera.png"></image> </...原创 2019-11-28 22:02:37 · 3030 阅读 · 1 评论 -
微信小程序界面开发-底部导航栏
一、例子(代码)在app.json文件中"tabBar": { "list": [ { "pagePath": "pages/index/index", "text": "首页", "iconPath": "pages/index/images/首页.png", "selectedIconPath": "pag...原创 2019-11-27 23:22:18 · 3100 阅读 · 0 评论 -
微信小程序界面开发-自适应轮播图
一、wxml文件`<view> <swiper autoplay="true" indicator-dots="true"> <block wx:for="{{movies}}" wx:for-index="index"> <swiper-item><image src="{{item.url}}" ></...原创 2019-11-27 23:21:00 · 2473 阅读 · 0 评论