微信小程序
文章平均质量分 70
小小雪花儿
你如今的气质里,藏着你,走过的路,遇到的人,读过的书
展开
-
小程序登录设计
一、 小程序登录设计的主要产品及接口1. 微信登录【wx.login】a. 微信登录接口【wx.login】用于获取登录凭证。小程序调用微信登录接口,若调用成功,微信会返回用户登录凭证给产品服务端,这个凭证有效期只有5分钟,产品服务端要通过获得微信返回的登录凭证,去调用 【auth.code2Session】获得用户的OpenID和 会话密钥session_key。b. 微信原文档:调用接口获取登录凭证(code)。通过凭证进而换取用户登录态信息,包括用户在当前小程序的唯一标识(openid)、微信开原创 2022-05-11 17:15:45 · 1062 阅读 · 0 评论 -
小程序用户拒绝授权之后,如何下次进来再次弹出授权
在获取授权之前应先获取授权设置 wx.getSetting ,获取结果 res.authSetting[‘scope.userInfo’],结果为 false,则可以引导用户允许微信获得你的公共信息,用 wx.openSetting() 调起客户端小程序设置界面,用户允许后将获得用户的公共信息 userInfoconst app = getApp()Page({/**页面的初始数据*/data: {imgList: [], // 上传列表src: “”, // 上传视频},onL原创 2020-09-18 13:49:39 · 2802 阅读 · 0 评论 -
在小程序中使用MD5加密,js进行MD5加密(含中文),与后台JAVA加密之后结果不同(解决)
后端:public class MD5Util {private static String byteArrayToHexString(byte b[]) { StringBuffer resultSb = new StringBuffer(); for (int i = 0; i < b.length; i++) resultSb.append(byte...原创 2019-11-04 16:56:53 · 2850 阅读 · 0 评论 -
微信小程序保存相册,拒绝授权之后再次弹出授权附带生成海报全部代码
wxml:<button class='baocun' bindtap='baocun' >保存到本地相册</button>wxss:/* 生成海报样式 */.imagePathBox {width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);position: fi...原创 2019-10-22 10:22:33 · 690 阅读 · 0 评论 -
小程序中页面 判断下拉还是上滑
wxml:<view hidden="{{hide}}" class="fixhead" >头部固定</view><view class='demo1'>滑动1</view><view class='demo2'>滑动2</view>wxss:.demo1,.demo2{height: 300p...原创 2019-10-12 15:10:52 · 2725 阅读 · 0 评论 -
RegExp 正则匹配一句话,其中一个单词显示高亮
效果图:’<script type="text/javascript">var str1 = 'For months, city has been engulfed in widespread violence and mobs attacksp the ';var result1 = reg_replace(str1, "the");console.log(res...原创 2019-10-08 14:34:15 · 793 阅读 · 0 评论 -
微信小程序之生成海报 保存相册,转发好友
wxml:<!-- footer --><view class="s_foot"><view class="s_simg"><button open-type="share"><image class="s_image" src="../../images/icon_share.png"></imag...原创 2019-09-19 15:35:46 · 1094 阅读 · 5 评论 -
小程序button去掉边框、背景以及点击时的样式
html:<button wx:if="{{!hasUserInfo && canIUse}}" open-type="getUserInfo" bindgetuserinfo="getUserInfo"> 个人中心 </button>css:button {background-color: transparent;borde...原创 2019-09-18 12:06:15 · 2353 阅读 · 0 评论 -
微信小程序之video
微信小程序之video一.video组件播放时会出现卡顿:加custom-cache=“{{false}}”属性二.、1.默认显示封面;2.一个视频播放的时候,其他视频停止播放,并显示封面。解决问题思路:1.通过wx:if判断当前视频是否是播放的状态,如果是就显示视频,如果不是就隐藏视频;2.点击封面的时候,获取到该视频的id,进行判断,如果当前没有视频播放...原创 2019-09-11 14:35:51 · 4802 阅读 · 1 评论 -
小程序中引入vant-weapp
小程序提示没有可以构建的npm包:操作如下1.进入小程序根目录,打开cmd,输入:npm init输入命令后一直点回车2.输入命令:npm i miniprogram-sm-crypto --production第一步:在小程序工程的根目录下执行: 1 npm i vant-weapp -S --production 第二步:...原创 2019-09-10 15:44:16 · 2118 阅读 · 1 评论 -
小程序 请求方法封装,类似于vue
请求封装request.jsvar baseUrl = 'https://****';var sendRrquest = function ({...params}) {var promise = new Promise(function (resolve, reject) {wx.request({url: baseUrl + params.url,data: param...原创 2019-08-23 18:54:36 · 337 阅读 · 0 评论 -
微信小程序之Tab切换
wxml:<view><view class='swiper-tab'><view class="swiper-tab-item {{currentTab==0?'active':''}}" data-current="0" bindtap="clickTab">1</view><view class=&原创 2019-01-21 11:29:55 · 1959 阅读 · 0 评论 -
小程序组件开发-template模板与Component组件
template主要是展示,方法则需要在调用的页面中定义。而component组件则有自己的业务逻辑,可以看做一个独立的page页面。简单来说,如果只是展示,使用template就足够了,如果涉及到的业务逻辑交互比较多,那就最好使用component组件了。一. template模板:1. 模板创建:建议单独创建template目录,在template目录中创建管理模板文件。...原创 2019-01-21 15:57:57 · 596 阅读 · 0 评论