impossible1994727的博客

以promise方式调用微信小程序的api

微信小程序获取微信运动步数

想要实现效果如下：点击小气泡弹窗之后，自动回复对应内容。参考文档：button | 微信开放文档微信开发者平台文档https://developers.weixin.qq.com/miniprogram/dev/component/button.html重点是以下部分：我司用的芝麻客服。看芝麻客服关于收到消息时回复，有个帮助文档，位置如下：文档地址：带参数的收到消息回复 · 芝麻小客服帮助文档 · 看云看云是一个现代化文档写作、托管及数字出版平台，基于Mar...

微信小程序父级组件调用自定义组件中事件的方法如下：假设自定义组件引入如下：（id是必须的） <count-down id="countDown"></count-down>count-down中有事件：Component({ methods: { closeGold() { console.log('close gold'); }, }})在父级组件中，调用count-down中cl

微信小程序中渲染svg动画

原生小程序分包和uniapp小程序分包差不多。分包只是在原有代码结构上，指定那个文件夹属于分包，所以，页面地址原本路径不会修改。比乳，将pages/mine设为分包，mine下面的有页面地址pages/mine/index/index，分包后仍为pages/mine/index/index这种。目前并不限制分包的数量 整个小程序所有分包大小不超过 20M 单个分包/主包大小不能超过 2M参考文档：https://developers.weixin.qq.com/miniprogram/de

说明： 记录的是我做过的项目，各位仅供参考。参考文档：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html官方使用步骤：绑定域名，登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。 引入j s文件：在需要调用JS接口的页面引入如下JS文件：http://res.wx.qq.com/open/js/jweixin-1.6.0.js （支持https）通过con

首先在微信公众平台引入插件在设置--第三方设置里面申请使用插件 appid:wxa75efa648b60994b根据文档写代码文档地址：https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=wxa75efa648b60994b&token=1583025227&lang=zh_CN// 在app.json里面引入插件，注意插件版本号填最新的版本号"plugins": { "tencentvideo": {

微信支付工作大部分是交给后台完成的，前端的很简单。小程序ios虚拟商品不能使用支付，请参考：https://developers.weixin.qq.com/community/develop/doc/000cc6c0b383a047c7798e0045b409?highLine=%25E8%2599%259A%25E6%258B%259F%25E4%25B8%259A%25E5%258A%2...

以下为举例：//子组件的wxml：<view class="work_list"> <block wx:for="{{workList}}" wx:key="index"> <view class="work_li" bindtap='showWork' data-id="{{item.Id}}"> 这是一个例子...

首先参考上一篇文章：https://blog.youkuaiyun.com/impossible1994727/article/details/1058655871、父组件传值：<List workList="sss"></List>2、子组件接收用js：Component({ properties: { workList: { typ...

根据项目需要，抽离出公共的组件。1、在项目根目录新建一个component的文件夹，然后新建自己需要的文件：项目目录如下：在component里面我新建了3个子组件。2、子组件的写法：只有js文件格式不一样，其他的文件都正常写。js需要自定义一个component，参考：https://developers.weixin.qq.com/miniprogram/dev...

按照官方文档，除了要在app.json中先声明这个组件之外，还需要再使用页面引入toast。"usingComponents": { "van-toast": "@vant/weapp/toast/index"}官网引入方式写的为：import Toast from 'path/to/@vant/weapp/dist/toast/toast';但是，运行小程序会报错：mod...

1、新建一个空白小程序按照vant官网执行第一步：# 通过 npm 安装npm i @vant/weapp -S --production# 通过 yarn 安装yarn add @vant/weapp --production# 安装 0.x 版本npm i vant-weapp -S --production//三选其一2、初始化：npm init ...

解决方式：poster="网络格式图片路径"！！

有一个需求需要图片等比例缩放同时保持自己的高度。 <view style="display:flex;flex-direction:row;"> <view style="flex:1"> <image src="图片路径" mode="widthFix" style="height:100%;width:750rpx"></i...

参考：https://developers.weixin.qq.com/miniprogram/dev/component/open-data.html非常简单就一个标签的事：<open-data type="userAvatarUrl" />//用户头像<open-data type="userNickName" />//用户头像<open-dat...

本文仅举例上传图片和上传视频！准备工作：需要引入的js文件：https://download.youkuaiyun.com/download/impossible1994727/12328614参考文档：https://help.aliyun.com/document_detail/92883.html?spm=a2c4g.11186623.6.1526.3dbc10d5yHrpGd确保后台完...

一、首先在两个小程序的app.json文件里面配置另一个小程序的appid：navigateToMiniProgramAppIdList，两个小程序都要配置！！！{ "pages": [ "pages/index/index", ], "window": { "backgroundTextStyle": "light", }, "sitemapLoca...

最近做的项目有个需求，在点击tabbar的“我的”模块时候，要获取到用户的基本信息，比如用户头像。按照小程序获取用户信息的方式为:<button type="getUserInof">按钮</button>但是，在这里，没有途径点击这个按钮。所以想到自定义tabbar.一、在文件根目录新建一个template的文件夹，里面新建对应的template的文...

代码很简单：wx.setNavigationBarTitle({ title:'修改标题'})

需求：小程序首页有两个视频，视频标签上方覆盖本地图片一张；进入默认暂停，点击播放一个，另一个暂停。wxml部分： <view class="cp_video"> <cover-image src="/image/pink1.png" class="cpv_img" bindtap="video" data-id="video1" hidden="...

微信小程序开发和H5的开发主要区别在于标签和js部分1、标签，微信小程序的开发很多的H5标签都是不支持的,类似H5的h1~h6，span,a,div,ul,li等等，微信小程序有它标签也叫组件。下面进行详细的解析：A：view标签：基础标签，类似H5中的div，块级标签；B: scroll-view:相当于H5中的div标签添加了overflow-x/overflow-y属性；...

一、注册一个小程序（此步骤可省略）注册地址https://mp.weixin.qq.com/wxopen/waregister?action=step1；主要是用于获取下面需要的appid；二、工具下载首先需要下载编辑工具：微信开发者工具，下载链接（https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html）。三、...

接着上回：1、movable-view，可移动区域这个标签的实现效果多为，在某个区域里面可以进行拖动，缩放等操作   2、cover-view:多用于原生组件video,canvas,camera等标签内，作用是覆盖这些原生标签，因为这些原生标签的层级默认高于任何一个原生标签的层级且不受z-index的控制；同时，现在cover-view只支持嵌套cover-view、...

基础写起来太没动力了，也写得乱七八糟的，还是直接解决一些小问题比较方便，代码的方方面面的细节都会详尽的解释一下。1、下面介绍一下canvas的画图，我这个简单一点，画一个带图文的背景图，图片可以从后台获取也可以选择本地的。canvas画图首先要在wxml里面新建一个<canvas>标签，一定要写上canvas-id='canvas的id'，这是必须条件，如下面代码：<...

1、根据页面栈修改上一页面的数据（就是在下一个页面修改上一个页面的数据）；  let pages = getCurrentPages();//当前页面 let prevPage = pages[pages.length - 2];//上一页面 prevPage.setData({//直接给上移页面赋值 selAddress: true });上面这段...

有一个需求，根据各个比例画一个canvas圆环图；例子如下我找了echart的插件，没弄好，然后尝试自己用canvas花了弧形的图；1、在wxml里面定义一个canvas标签：<canvas canvas-id='mycanvas' style='width:160rpx;height:160rpx'></canvas>1、在data里面给定每部...

微信开发者工具总是弹出不信任的这个弹窗，一开始直接无法进入到编辑页面，网上各种百度尝试，最后勉强解决：然后关闭电脑的防火墙，最后重启电脑；虽然后来也弹出来信任窗口吧，但是没那么频繁了，凑合用吧终极解决方式：上面的弹出还是太多了。。。下载：http://xiazai.sogou.com/detail/34/9/7883989824595990767.html?e...

首先来写好wxml部分：给一个图片列表（img_list）和上传图片的按钮（addimg）<view class="container"> <view class='img_body'> <view class='img_list'> <view class='img_li' wx:for="{{imglist}}" wx:k...

1、获取用户基本信息（不包括openid）使用button按钮即可获取，type=“getUserInfo”。可获取用户昵称，头像，城市，国家，性别，语言，省。不需要请求后台接口。 <button open-type="getUserInfo" bindgetuserinfo="getUserInfo">确认</button>当用户点击允许的时候，获取...

1、在获取手机号码之前，要先进行登陆。使用wx.login进行登录，登录成功会返回一个code，将code传给后台，获取登录密钥session_key等信息。将这些信息存入data。2、使用type="getPhoneNumber"的button获取encryptedData，iv将这两个信息和session_key传给后台，通过解密返回正确的手机号码。 <button ope...

微信小程序在当前页面修改前一个页面的数据关键词：页面栈getCurrentPages()；getCurrentPages()，返回一个数组，最后一个是当前页，往上排序依次是进入“当前页”的那个页面。如下图，当前页是pages/logs/logs，它的前一个页面是pages/main/index。注意，如果pages/main/index也是从别的页面进来的，那么这个数组的第0位...

注意：保证当前小程序要有线上版本通过url拼接参数。http://***.com?id=123这种方式要利用一个插件（https://github.com/adventurewithme/chajian里面的qrcode.js）。要转换的这个url必须要在微信公众平台配置了扫普通链接二维码打开小程序，如下图：测试连接是开发人员测试用的，跳转至测试版本的小程序，如果，转换的url不是...