疾术客

涉及处理用户个人信息的小程序开发者，需通过弹窗等明显方式提示用户阅读隐私政策等收集使用规则。为规范开发者的用户个人信息处理行为，保障用户合法权益，微信要求开发者主动同步微信当前用户已阅读并同意小程序的隐私政策等收集使用规则，方可调用微信提供的隐私接口。

1.获取图片的原始宽高，并获取到图片原始宽高的宽高比let src = "图片地址"wx.getImageInfo({ src, success: function(res){ let originalWidth = res.width; let originalHeight = res.height; let originalScale = parseInt(originalHeight/originalWidth);//图片高宽比

最近有个需要由于H5页面需要嵌套在微信小程序里面，所以H5的支付在小程序里面就行不通了。不过我看社区里面说的测试环境微信小程序webview引入H5是可以实现调取H5支付功能的，线上则调不起来。时间紧迫，咱也不敢尝试啊。只能另辟蹊径了，哈哈哈。借用一下大佬的视频来代替效果图 （为自己的懒找个说得过去的理由）https://v.qq.com/x/page/t0913iprnay.html注释：视频中的大佬使用的小程序支付，而我下面介绍的封装过的小程序支付。所以后面代码会有些许出入，可根据自己的..

首先，由于微信小程序登录流程优化之后。不能让用户进入小程序之后直接授权登录，否则则视为违规。审核会被驳回的。并且小程序官方并不会和你说明具体到那个问题或者页面。所以被驳回进行修改在提审会很麻烦的。其次需求如下：在文章详情页点击收藏按钮 如果用户已登录则进行收藏或者取消收藏，反之则需要引导用户去登录页面，用户登录完成之后返回到文章收藏页面使用场景，具体如下几项：用户了交互按钮，例如：关注、收藏、喜欢、点赞等操作的时候就需要添加判断用户是否登录。这个时候就会出现如上需求好了！需求清晰，逻辑.

以下是网络收集的一些免费的接口，测试过一些可用，但是不是非常稳定，使用稳定的还是建议大家使用付费的。快递查询：https://api.apiopen.top/EmailSearch?number=1012002随机单句诗词推荐：https://api.apiopen.top/singlePoetry随机一首诗词推荐：https://api.apiopen.top/recommendPoetry搜索古诗词：https://api.apiopen.top/searchPoetry?name=古风二首

安卓的朋友们福利来了，微信小程序现支持安卓的朋友们分享小程序到朋友圈了！下面我们来看下具体操作，如何实现小程序分享朋友圈的！效果图点击朋友圈的链接即可进入一个微信原生的H5页面去展示所分享的小程序页面谨记 适用于纯内容页面展示，也就是单页面模式展示效果。复杂的交互和部分接口交互还是需要去小程序里面才能完成的。单页面模式小程序“单页模式”适用于纯内容展示场景，可实现的交互与接口能力有限，因此存在如下限制：页面无登录态，与登录相关的接口，如wx.login均不可用；...

首先先和你们说这是可以实现而且非常简单。接下来我们就来看看如何实现这种需求的首先我们需要配置分享链接例如 detail.js页面Page({ onShareAppMessage: function (res) { var url = "" //页面参数 if (res.from === 'button') { // 来自页面内转发按钮 return { // 当打开分享链接的时候跳转到小程序首页，并设置参数 titl

今天我们看下微信小程序怎么实现数据加密的。AES加密与解密首先我们需要先下载一份aes.js文件提取码：8jpr然后我们需要创建一个js文件用来抛出我们的加密解密算法具体操作如下crypt.jsvar CryptoJS = require('aes.js');//注意以下这两个字段要与后台协商一致var key = CryptoJS.enc.Utf8.parse("十六进制数作为秘钥"); var iv = CryptoJS.enc.Utf8.parse("十六进制数作...

看了很多帖子，但是效果都不是很好。还是找微信小程序官方文档，自己写比较方便。自己动手丰衣足食！话不多说，上代码！时空传送先来个效果图html<block wx:for='{{trendsList}}' wx:key='index'> <view class="box"> <view class="textFour_box {{...

加下来我们要讲解的就是微信小程序里面的发送验证码效果wxml：<button class='buttonget' disabled="{{disabled}}" bindtap='sendRegistCode'>{{time}}</button>样式没有特殊要求，自己看着写就行了！js:Page({ data:{ //首先需要初始化数据 ...

1.了解所需要用到的API1.1wx.chooseImage(Object object)从本地相册选择图片或使用相机拍照。参数如下：count 9 最多可以选择的图片张数 sizeType ['original', 'compressed'] 所选的图片的尺寸 sourceType ['album', 'camera'] 选择图片的来源...

今天我们来说道说道微信小程序里面当中的几种跳转方式！微信小程序跳转的方式总共有5种，可以对应各种的应用场景。1.wx.navigateTo()保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。可封装函数为：//跳转新页面页面，保留当前页面。function navigateTo(url) { wx.navigateTo({ ur...

1.我们先来了解wxparse是什么？怎么用的？wxparse是专门解析后台给我们返回的html数据格式的数据的。用法：1.下载wxparse2.把下载的文件引入你的项目，最好是放到util文件夹当中，至于为什么？我也没搞懂！度娘说的！3.在你需要的数据解析的页面（detail.js）引入这个JS，然后需要解析的页面（detail.js）调用wxparse里面的一个方法就好...

一般的导航栏都是微信自定义生成的，但是有的项目项目当中感觉头部样式太过单调，不怎么好看。就设计了不要小程序头部标题栏的页面，为此找了好多方法都没有解决。最终还是让我给找到了一个解决的方法。就是在json文件当中设置一个属性“navigationStyle”：“custom”就可以只保留右上角的胶囊，完美解决这个问题了。好像没有按照上一章说的这章更新文字跑马灯，嘿嘿嘿。给忘了，写完才发...

wxml<view class="example xingentimesd"> <view class="marquee_box"> <view class="marquee_text" style="{{orientation}}:{{marqueeDistance}}px;font-size: {{size}}px;"> ...

安卓系统和ios系统 一开始被一篇ios预览PDF文件需要用到webview的博客给误导了，以为安卓预览文件需要调用wx.downloadFile()和wx.openDocument()这两个API，而ios系统预览文件则是要用webview标签才能实现，最后捣鼓了好长时间ios用webview 标签预览文件的时候一直显示空白。不知道为什么(至今也没能解决)，官方给出的答案是webvi...

先来张效果图吧！思路：利用小程序组件canvas放置一个画布，然后再利用布局吧canvas画布隐藏，让其绘制成的图片显示在我们的前端页面上面就可以了，最后在利用API将图片保存到我们手机上面就完成了。上代码！wxml:<!-- 画布大小按需定制 这里我按照背景图的尺寸定的 --><canvas canvas-id="shareImg" style="...

webview标签是一个内置组件，用途：承载网页的容器。会自动铺满整个小程序页面。谨记：个人类型的小程序暂不支持使用。并且打开的链接必须是https开头的，否则还是会报错。当你写好代码之后准备测试跳转的时候BUG出来了，它会提示你无法打开如下图此时你只需要进入微信公众平台然后找到一个业务域名的配置区域就可以了，配置好域名之后你就可以，打开你要跳转的H5页面链接了。对了...

今天我们来盘一下微信小程序当中从页面底部滑出的滚动选择器 picker组件先把效果图给你们盘出来接着开始写我们的布局喽wxml<view class="clist_header"> <view class="clist_main"> <view class='gu_topbo boxSizing'> <view class='guinpBoxs'> .

写项目的时候使用到了小程序提供的模态框，但是文字换行问题一直有问题。设计稿模态框找了好久终于找到了一个可以实现换行的办法就是在你需要换行的添加 \r\n就可以了 ，下面来看下效果图 注释：还有一点在工具里面还是看不出来效果的，只有在真机上面才能看到效果图...

先说下遇到的问题：之前做过的一个项目改版碰到的病例上传页面发布按钮上一版本是在底部放置的，这一版改为了顶部固定。由于上传页面顶部有两个textarea输入框所以问题就产出了。之前使用的button和view标签布的局页面上滑的时候会被textarea的placeholder穿透。不知道官方什么时候可以解决textarea这个问题。1.textarea不是原生组件吗 view和butto...

人狠话不多，看代码。wxml <view class='sendImg'> <view class='imageboxs'> <view class='image-list clearfix'> <block wx:for='{{videoben...

由于微信官方对分享接口的调整，导致之前写的分享出现了bug。现在我们就来说下分享接口调整之后群分享功能的实现吧！接口调整：https://developers.weixin.qq.com/community/develop/doc/0000447a5b431807af57249a551408接口调整过后实现代码如下：detail.jsonShareAppMessage: func...

在移动端里, 当输入框处于页面比较下方的时候回发生键盘覆盖输入框的情况, 在小程序中也发生了类似情况, 但小程序提供了一些api, 但不能达到需求. 这里来简单说一下解决思路.小程序的默认行为在发生了键盘覆盖输入框的时候, 在不操作任何api的情况下, 小程序会把屏幕向上推, 推到输入框正好在键盘上方的位置.也就是如果不经过处理, 小程序的键盘是不会覆盖输入框的. 但是在我的需求里这样...

微信小程序的文本，要具有长按复制功能，必须满足两个条件：文本在 <text> 标签内； <text> 标签要有 selectable 属性。例如：<text selectable='true'>文本</text> ...

微信小程序保存图片到相册可以分成两种：一种是保存网络图片，一种是保存本地图片保存网络图片： var url = '网络图片路径'; wx.downloadFile({ url: url, success: function (res) { var benUrl = res.tempFilePath; //图片保存到本...

微信小程序错误：后台使用springmvc注解wx.request请求，url正确，能够将数据传递到后台，后台能够正确处理返回值，但是小程序端却提示post （请求的url）not found 404原因：请求函数没有加上@responsebody 的注解，这个404 并非是请求地址找不到，而是springmvc 的前端控制器对返回值映射时找不到对应的视图，所以返...

转载于：https://blog.csdn.net/weixin_34261739/article/details/88000300

在小程序开发的过程中。我们在处理登录模块的时候需要拿到token值。根据官方文档的描述，这一过程需要与后端同事共同配合才能拿到。// 登录 wx.login({ success: res => { // 发送 res.code 到后台换取 openId, sessionKey, unionId // console.log(re...

1.商户退款单号 (out_refund_no)必须唯一，如果不唯一微信端返回的错误提示是“支付单号校验不一致”，需要注意。2.退款解密算法注意操作密钥。在此记录下解密代码。（1）对加密串A做base64解码，得到加密串B（2）对商户key做md5，得到32位小写key* ( key设置路径：微信商户平台(pay.weixin.qq.com)–>账户设置–>API安全–&g...

作者：harbour链接：http://blog.yayuanzi.com/23508.html开发微信小程序的时候，经常要遇到如上图这样的，保存小程序二维码图片的分享功能。网上找了很多都没有具体的写法，于是自己看官方文档写了一个，分享一下。首先，需要在 wxml 中 创建一个 画板 canvas 。wxml :<view class='more' bindtap='...

1.创建模板文件2.创建的模板文件只能使用wxml和wxss文件，可以在js文件中模拟逻辑操作，但最后这些逻辑操作是要写在调用模板的文件的JS文件中的。因为调用模板的时候,模板中的JS文件是不起作用的，模板中的逻辑都要在调用的文件中处理。当然一个模板文件可以创建多个模板，使用标签创建模板<template></template>注意：每个模板都是...

碰到了一个项目里面需要用到图片的缩放和拖拽功能，找了好多都没能实现自己想要的效果。还是要靠自己啊，那咋办啊？写呗，有啥大不了的！上代码！view子元素缩放、移动 说明：只能在真机上面调试，开发者工具上面你想想就知道了！上效果图(备注：效果图是GIF的，本人不会制作GIF所以效果图是网上找的。所以展示的效果会和代码有些出入)wxml <view class="img"...

微信小程序模仿通讯录功能需要用到scroll-view标签思路：首先需要获取到你所需要展示的数据样式的高度(这就需要用到微信给我们提供的一个API来完成了，因为小程序是没有DOM树结构的，这个可以去看我的前一篇里面有详细的记载怎么获取想要的元素的宽高。)，然后组合成一个高度数组(便于后面根据这个数组进行判断)，再获取滚动距离，用这两个比较判断之后就可以得出滚动的时候右边选中的字母了，然后再利用...

前面博文上面提到微信小程序有三种常见的跳转方式navigateTo，redirectTo 和reLaunch10层的限制只是针对navigateTo，redirectTo 和reLaunch不受此限制。navigateTo ：保留当前页面，跳转到应用内的某个页面，使用wx.navigateBack可以返回到原页面。redirectTo ：关闭当前页面，跳转到应用内的某个页面。...

微信小程序不能进行DOM操作，所以获取元素的信息就不能按照常规手法来做了。首先需要借助微信给我们开发者提供的一个API来实现返回一个SelectorQuery 对象实例。 接下来就好办多了，话不多说，上代码！API：wx.createSelectorQuery()具体实现代码如下：const query = wx.createSelectorQuery()...

这个强大的API( wx.previewImage() )，嘿嘿嘿！接下来我们来讲一下微信小程序中图片点击放大预览的实现步骤！思路：1.点击事件2.放大3.左右滑动查看上、下一张在绑定点击事件的时候我们需要同时获取到点击图片的url和这一组数据的ID(通过这个id从数据里面找到你点击的这一组数据然后从中取出这一组图片就可以了)index.wxml <view ...

函数封装，一节省编写代码的时间，二不容易出现错误，三节省代码，简洁，便于后期维护。希望对于新手的你能够有帮助！一起加油啊！1.wx.navigateTo()保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。可封装函数为：//跳转新页面页面，保留当前页面。function navigateTo(url) { wx.navigateTo({ ...

点击图片放大进行预览，小程序官方给我们提供了一个非常简单的APIwx.previewImage({})参数共有5个，主要使用的2个，参数如下：urls Array.<string> 是 需要预览的图片链接列表。2.2.3起支持云文件ID。 current string urls 的第一张 否 当前显示图片的链接 su...

这种效果基本上都是在文章详情页面才会出现，用于点击按钮页面滚动到文章的评论位置。但是不排除可以用于别的功能！首先我们需要用到的是在小程序里面获取某一个元素的位置高度 var that = this; var flag = that.data.flag; //flag是一个开关变量，用来控制点击滑动到指定位置，再次点击返回到原位置 conso...