微信公众号 \ 小程序
文章平均质量分 79
探究微信公众号
情非得已小猿猿
路漫漫其修远兮,吾将上下而求索!!!
展开
-
Taro + React + TS + Taro-UI + ECharts + Markdown 开发微信小程序
跳转的公众号需要是企业认证的,才能配置业务域名,个人公众号暂不支持。在 global.d.ts 中添加以下内容,微信内置 API 需要小程序开发工具调试,EChart 相关文档。原创 2022-08-23 13:56:32 · 4933 阅读 · 0 评论 -
vue + vant商城购物车 - - watch与computed场景运用
场景需求:商城加入购物车后,列表页显示已添加商品列表可单独增减商品数量可多选、全选删除关键点:商品已选中状态查询合计价格计算商品下单数量1、views层购物车内容,主要采用vant中van-checkbox组件<div id="member_cart"> <div class="container"> <van-...原创 2020-05-01 12:37:44 · 742 阅读 · 0 评论 -
vue移动端H5生成二维码且支持长按识别功能(qrcodejs2)
场景需求:用户购买时添加引导关注公众号功能生成二维码并能长按识别(需要图片才能支持)解决方法:利用qrcodejs2插件生成二维码(canvas、table渲染不是image图片)利用canvas的一个方法toDataURL() 返回图片展示的 data URI实例化一个Image() ,存入src中即可插件引入使用方法可点击查看以往博客 点击这里1、views层&l...原创 2020-02-25 18:39:11 · 4624 阅读 · 4 评论 -
微信公众号监听手机返回键事件jssdk—wx.closeWindow
需求场景:-- 只有扫码初始进入异业联盟活动页,0元券直接弹框领取成功(如图1)抛出问题:-- 进入优惠券包后到另一个页面(如图1)-- 然后按手机返回会回到异业联盟活动页,始终弹出领取活动页面解决方案:-- 在优惠券包页面中监听手机返回事件,直接关闭页面退出到公众号1、微信jssdk(closeWindow)let sign_url = ...原创 2019-12-21 16:46:51 · 4870 阅读 · 0 评论 -
vue项目微信公众号title设置和调用接口动态修改
需求场景:微信后台配置不同的商户id,请求接口获取商户信息(名称、头像等)1、安装插件#yarn add vue-wechat-title#npm i vue-wechat-title2、main.js文件Vue.use(require('vue-wechat-title'))3、App.vue文件<template> <div id...原创 2019-12-19 23:39:54 · 1778 阅读 · 0 评论 -
Vant-UI移动端(H5)下拉刷新、上拉加载实现简介
相信大家都看到或是做过移动端的下拉刷新、上拉加载的功能需求,之前有人问过我,现在针对vant-UI框架简单介绍下1、安装、引用# 通过 npm 安装 npm i vant -S# 通过 yarn 安装 yarn add vant项目中的引用importVuefrom'vue';import Vant from 'vant';import 'vant/l...原创 2019-09-01 23:00:12 · 8018 阅读 · 7 评论 -
VantUI+Vue移动端H5实现仿微信朋友圈功能
相关技术栈:#yarn add vue-photo-preview#npm ivue-photo-preview1、 图片预览切换vue-photo-preview2、滑动(vant-ui)van-swipe (轮播控制滑块大小)3、关键点:获取对应组的图片地址数组 根据图片个数展示不同的布局 (100%,49%,32% 三目运算)没有图片...原创 2019-12-18 23:24:47 · 2443 阅读 · 0 评论 -
vue移动端H5实现复制内容(邀请码)到粘贴板clipboard打开APP
1、安装插件clipboard# npm i clipboard --save# yarn addclipboard2、引入(需要实现的文件)importClipboardfrom'clipboard'3、view层<van-button class="discount" round type="warning" @click="openApp...原创 2019-11-17 19:33:02 · 2442 阅读 · 0 评论 -
Vue公众号开发调用微信扫一扫接口实现扫码功能(JSSDK)
1、安装、引用微信js-sdk#通过yarn安装 yarn add weixin-js-sdk#通过npm安装 npm i weixin-js-sdk项目中的引用import wx from 'weixin-js-sdk'2、调用sign接口传入当前环境的url、公众号签名信息3、methods(数据处理)wx.scanQRCode 调用微信的扫一扫接口(官...原创 2019-09-28 16:57:56 · 6555 阅读 · 0 评论 -
Vue移动端H5生成二维码功能(qrcodejs2)
相信大家都遇到或是做过生成二维码的功能需求,现在针对vue移动端方法作简单介绍1、安装、引用二维码插件# 通过 npm 安装 npm iqrcodejs2# 通过 yarn 安装 yarn addqrcodejs2项目中的引用import QRCode from 'qrcodejs2'2、View层<div class="code"> ...原创 2019-09-28 16:34:40 · 3999 阅读 · 0 评论 -
Vue移动端H5微信支付(js-sdk)和支付宝支付功能
1、获取内置浏览器标识微信:export function isWeixin() { var ua = window.navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i) == 'micromessenger'){ return true; } return fal...原创 2019-09-06 15:37:11 · 5346 阅读 · 0 评论 -
微信小程序 — — 小白开发入门篇
微信小程序已经火了一段时间了,之前一直也在关注,就这半年的发展来看,相对原生APP大部分公司还是不愿意将主营业务放到微信平台上,以免受制于腾讯,不过就小程序的应用场景(用完即走和二维码分发等)还是很值得我们学习的。说白了,小程序就是基于微信平台的H5轻应用,微信将系统底层功能(设备、位置、媒体、文件等)和微信自身功能(登录、支付、分享等)封装成相应API供小程序调用。之前自己也根据官方文档写过...原创 2019-02-14 08:58:30 · 479 阅读 · 0 评论