![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
赵啸林
昨日已成历史,明天是个谜团,但今天是天赐的礼物。
展开
-
js-禁止微信H5页面点击右上角菜单时出现“复制链接”,且分享仅支持微信分享
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>wx.ready(function() { wx.hideMenuItems({ menuList: ["menuItem:copyUrl","menuItem:editTag","menuItem:delete","menuItem:originPage","menuItem:readMode", "menuItem:ope转载 2021-09-24 10:03:26 · 1181 阅读 · 0 评论 -
微信小程序核心类定位
腾讯地图官网文档地址核心类jdk示例// 引入SDK核心类var QQMapWX = require('xxx/qqmap-wx-jssdk.js');// 实例化API核心类var demo = new QQMapWX({ key: '开发密钥(key)' // 必填}); // 调用接口demo.search({ keyword: '酒店', success: function(res) { console.log(res.status, r原创 2021-07-15 08:07:38 · 269 阅读 · 0 评论 -
微信小程序复制,例订单编号
//复制 copy(e) { let code = e.currentTarget.dataset.code wx.setClipboardData({ data: code, success: function (res) { wx.getClipboardData({ success: function (res) { wx.showToast({ title: '复制..原创 2021-05-17 08:55:34 · 431 阅读 · 0 评论 -
微信请求封装
1.在utils文件夹建一个public.jsconst baseUrl = 'http://test.shirenzuile.com/yslp-wxa/';//公共路径const http = ({ url = '', param = {}, ...other } = {}) => { wx.showLoading({ title: '请求中,请耐心等待..' }); let timeStart = Date.now(); return new原创 2021-05-08 10:52:18 · 132 阅读 · 1 评论 -
微信小程序不显示button的边框
button::after { border-color: transparent;}原创 2021-04-29 10:24:52 · 495 阅读 · 0 评论 -
微信小程序管理更新
官方文档https://developers.weixin.qq.com/miniprogram/dev/api/base/update/UpdateManager.html onLaunch: function () { // 获取小程序更新机制兼容 if (wx.canIUse('getUpdateManager')) { const updateManager = wx.getUpdateManager() updateManager.onCheckForUpdate(转载 2021-04-29 10:23:42 · 105 阅读 · 0 评论 -
微信小程序体验码
微信开发者工具右上角上传打开微信公众平台-版本管理-提交审核-生成二维码原创 2021-04-26 09:09:34 · 613 阅读 · 0 评论 -
微信公众号网页H5跳转微信小程序
https://www.jianshu.com/p/5bc4589dd034wx.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印 appId: '', // 必填,公众号的唯一标识 timestamp: , // 必填,生成签名的时间戳 nonceStr: '', // 必填,生成签名的随机串 signature: '',// 必填,签名 js转载 2021-04-22 11:09:01 · 440 阅读 · 0 评论 -
微信小程序引入weui
https://www.jianshu.com/p/be2e64e998751.首先得确认自己电脑安装了node.js,npm -v 检查2.在文件夹里面输入命令,一致确认下去就好npm init这时候就能看到package.json文件3.开始安装Weui组件库npm install --save weui-miniprogram --production4.点击小程序开发工具的工具–构建npm,构架完成后如下图调试基础库设为最新版本5.在小程序app.wxss中引入样式文件转载 2021-04-14 14:45:00 · 232 阅读 · 0 评论 -
微信小程序授权登陆 wx.getUserProfile
https://blog.csdn.net/lhkuxia/article/details/1151639851.将授权登陆获取用户信息的接口调整了,新增了一个wx.getUserProfile。特说明一下授权登陆的注意事项:2.原授权登陆流程不变,依旧是wx.login>>>code>>>请求接口换取openid>>>openid>>>自定义请求态>>>uid只是获取用户信息的地方发生改变了,获取用户信息转载 2021-04-12 13:43:40 · 19864 阅读 · 6 评论 -
微信小程序转发好友和分享朋友圈
onLoad: function (options) { //修改当前页面标题 wx.setNavigationBarTitle({ title: "会员中心" }); //用户点击右上角分享朋友圈 onShareTimeline: function () { return { title: '有善良品', query: { key: '/pages/index/index?rpNo='+thisUser...原创 2021-04-10 11:36:39 · 754 阅读 · 0 评论 -
微信小程序拨打客服电话
<button bindtap="call">电话:{{phoneNumber}}</button>call(){ wx.makePhoneCall({ phoneNumber: 'this.data.phoneNumber' //客服的的电话号码 })}原创 2021-04-10 09:46:38 · 991 阅读 · 0 评论 -
微信小程序中生成二维码工具以及扫一扫
微信小程序中生成二维码工具:wxapp.qrcode.min.js //画布的宽高和id必须给<canvas style="width: 200px; height: 200px;" canvas-id="myQrcode"></canvas>//将weapp.qrcode.min.js 拷贝至项目中,然后引用js文件let drawQrcode = require('../../utils/wxapp.qrcode.min.js');//再调用 drawQrcode(原创 2021-03-31 14:00:17 · 1060 阅读 · 0 评论 -
vue和微信小程序的区别、比较
https://segmentfault.com/a/1190000015684864转载 2021-03-31 10:55:50 · 159 阅读 · 0 评论 -
微信发送请求
fly请求库地址index.jsconst Fly = require("../lib/fly/wx")//引入fly请求库const fly = new Fly()fly.config.baseURL = 'http://music.lz7dev.top:9001/'//基础路径fly.interceptors.response.use((response) => { //只将请求结果的data字段返回 return response.data })module原创 2021-03-30 17:01:55 · 229 阅读 · 0 评论 -
微信小程序定位及导航
<view> <map id="map" longitude="{{longitude}}" latitude="{{latitude}}" scale="{{scale}}" markers="{{markers}}" bindpoitap="markertap" bindregionchange="regionchange" show-location style="width: 100%; height: 300px;"> </map></vie原创 2021-03-30 13:24:47 · 570 阅读 · 0 评论 -
微信小程序左滑删除效果的实现
<view class="box"> <view class="item {{status ? '' :'active'}}"> <view class="content" bindtouchstart="touchS" bindtouchmove="touchM">显示正常内容</view> <view class="del-button">删除</view> </view></view>Pa转载 2021-03-30 10:17:40 · 198 阅读 · 0 评论 -
微信小程序等分换行之怪异盒模型
<view class="recommendlist"> <image class="recommendShoppings" mode="widthFix" wx:for="{{recommendList.PRODUCT}}" wx:key="index" src="{{item.THUMB_URL}}"></image></view>.recommendlist{ padding:5px 4px 50px 4px; background-c原创 2021-03-29 16:41:49 · 329 阅读 · 0 评论 -
微信小程序的getCurrentPages()的使用
getCurrentPages() 函数用于获取当前页面栈的实例,以数组形式按栈的顺序给出,第一个元素为首页,最后一个元素为当前页面。 注意:不要尝试修改页面栈,会导致路由以及页面状态错误。不要在 App.onLaunch 的时候调用 getCurrentPages(),此时page 还没有生成。熟悉页面栈后才能更好的使用getCurrentPages(),下面将列举几种常用的使用场景:1.跨页面赋值 let pages = getCurrentPages();//当前页面栈 let prevP原创 2021-03-24 14:15:00 · 1295 阅读 · 0 评论 -
判断当前环境是否为微信
var rpId = 'NAN'//rpId为后端返回的var ua = navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i)=="micromessenger"){ window.location.href='https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx39adce469ffe9ef8&redirect_uri=https原创 2021-03-09 09:35:26 · 909 阅读 · 0 评论 -
app下载
function is_weixnApp(){ var ua = navigator.userAgent.toLowerCase(); //获取手机型号,例如:安卓,苹果 if(/android/i.test(navigator.userAgent)){//判断手机是否为安卓手机 if(versonModle().indexOf("Redmi")>-1||versonModle().indexOf("MI")>-1){//判断手机是否为小米或者红米 w原创 2021-03-09 08:59:46 · 2033 阅读 · 0 评论 -
微信小程序自定义组件
https://blog.csdn.net/melovemingming/article/details/82712601转载 2020-12-10 15:08:52 · 82 阅读 · 0 评论 -
2020微信小程序前端面试题汇总
https://blog.csdn.net/guopeisi/article/details/104890221转载 2020-12-10 15:05:49 · 2869 阅读 · 0 评论 -
微信小程序上传git
https://jingyan.baidu.com/article/b2c186c81088a4c46ff6ff40.html转载 2020-11-27 19:43:48 · 346 阅读 · 0 评论 -
微信小程序省市区 picker选择器地址联动
region(省市区)<view class="section__title">省市区选择器</view> <picker mode="region" bindchange="bindRegionChange" value="{{region}}" custom-item="{{customItem}}"> <view class="picker"> 当前选择:{{region[0]}},{{region[1]}},{{region[原创 2020-11-26 08:24:32 · 2389 阅读 · 0 评论 -
微信小程序高亮
xhtml<view wx:for='{{searchsuggestions}}' wx:key='index'> <rich-text nodes="{{item.keyword}}"></rich-text> </view>js let data = res.result.allMatch//搜索到的数据 data.map((item) =>{ item.keyword = item.keyword.replace(t原创 2020-09-23 11:27:04 · 311 阅读 · 0 评论