0?0-优快云博客

原创 getUserProfile返回获取不到openid和unionid 小程序getUserProfile代替getUserInfo

有点坑，好几个月前的项目了，因改了个正则，上线更新，结果新用户头像和昵称获取不到了。官方APIhttps://developers.weixin.qq.com/miniprogram/dev/api/open-api/user-info/wx.getUserProfile.html2021年4月28日24时后发布的小程序新版本，无法通过wx.getUserInfo与获取用户个人信息（头像、昵称、性别与地区），将直接获取匿名数据（包括userInfo与encryptedData中的用户个人信息），获取加密

2021-05-12 15:53:05 2699

原创微信小程序导航选择腾讯地图或者高德地图

腾讯地图申请key点击申请key，需要注册->登录->控制台->创建应用效果图ar QQMapWX = require('../../utils/qqmap-wx-jssdk.min.js'); // 实例化API核心类var qqmapsdk = new QQMapWX({ key: '您申请的key' // 必填});//点击获取目的地地址名称getRoute(e){ var that = this; qqmapsdk.geocoder({

2021-03-26 13:56:08 999 1

原创 vue项目对路由参数进行base64加密

1.安装依赖npm install --save js-base642.全局引入 main.jsimport * as Base64 from 'js-base64'Vue.prototype.Base64 = Base643.在页面中使用加密<router-link :to="{ path: '/List', query: { info: Base64.encode(JSON.stringify({ title: '这里是标题', module: 2 }

2022-05-20 14:08:20 1028

原创 vue3+element-plus 引用less

1.安装less、less-loadernpm i less-loader less --save-dev2.安装style-resources-loadernpm i style-resources-loader --save-dev3.安装vue-cli-plugin-style-resources-loadernpm i vue-cli-plugin-style-resources-loader --save-dev4.配置vue.config.jsconst path = req

2022-02-22 10:41:33 779

原创小程序自动更新版本

// 在app.js里写下以下代码 onLaunch () { if (wx.canIUse('getUpdateManager')) { const updateManager = wx.getUpdateManager() updateManager.onCheckForUpdate(function (res) { console.log('onCheckForUpdate====', res) // 请求完新版本信息的回调

2021-04-14 15:52:16 190

原创图片懒加载 vue3

vue1和vue2用的是vue-lazyload，没想到vue3不支持报错vue3这个样子引入命令npm install vue3-lazy -S引入import VueLazyload from 'vue3-lazy'app.use(VueLazyload,{ error: require('./assets/404.png'),//当加载图片失败的时候 loading: require('./assets/200.png'),//当加载图片成功的时候 preLoad

2021-04-14 10:24:42 192

原创小程序富文本WxParse 内容循环

getGuide(){ let _this = this; App._post_form('get_guide', { }, function (res) { var arr = res.data; var content = []; for(let i in arr){ content.push(arr[i].content); //循环富文本内容 } for (let i = 0; i ..

2021-04-13 17:41:03 229

原创小程序给html标签中的 img路径添加域名

list = list.replace(new RegExp("/upload", "g"), that.data.ImgUrl + "upload");

2021-03-29 13:59:30 914

原创 vue-cli 正式环境去掉console调试

正式环境去掉console调试使用babel-plugin-transform-remove-console插件npm i --save-dev babel-plugin-transform-remove-console在babel.config.js中配置const plugins = [];if(['production', 'prod'].includes(process.env.NODE_ENV)) { plugins.push("transform-remove-conso.

2021-03-26 14:10:20 588

原创公众号微信支付 2种方法

第一种import router from '../router/index'let Pay = new Object();function onBridgeReady(jsApi) { let _this = this; console.log(jsApi,JSON.stringify(jsApi)); WeixinJSBridge.invoke( 'getBrandWCPayRequest',JSON.parse(jsApi), functi

2021-03-11 18:01:34 167

原创生成二维码，保存图片到手机相册，点击复制链接

wxml<view class="container share"> <image src="/icon/fenxiang_beijing.png"></image> <view class="share-con"> <image src="/icon/fenxiang_juxing.png" class="white"></image>

2021-03-11 17:59:39 2282

原创小程序登录授权页面

login.wxml<view class="container"> <view class="logo"> <view class="header"> <open-data class="" type="userAvatarUrl"></open-data> </view> </view> <view class="auth-title">申请获取以下权限</.

2021-03-11 11:54:24 1306

原创 jquery 点击事件点击两次才有效

解决方法$("#div").click(function(e){ e.stopPropagation(); //表示阻止向父元素冒泡 e.preventDefault(); //阻止方法阻止元素发生默认的行为});

2021-01-22 09:45:10 1394 1

原创常用的js封装

2021-01-14 15:01:23 206

原创 vue中axios的使用——学习记录

用的是vue-cli3.x 如果是3以下的版本，需卸载重装卸载命令 npm uninstall -g vue-cli

2021-01-04 16:34:51 950

原创 2020-12-23

vue3.0 diff算法-理解在vue2.x中，需要对每一层DOM树进行diff算法差异匹配，（静态数据和动态数据都进行匹配）vue3.0中，只比较添加静态标记的例-diff方法优化vue2中的虚拟dom是进行全量的对比vue3新增了静态标记（PatchFlag）在与上次虚拟节点进行对比时候，只对比带有patch flag的节点并且可以通过flag的信息得知当前节点要对比的具体内容-hoistStatic 静态提升vue2中无论元素是否参与更新，每次都会重新..

2020-12-23 16:11:09 200

原创只引入一次scss文件

首先要安装： sass-resources-loadernpm install sass-resources-loader --save-dev修改build/utils.js文件scss: generateLoaders('sass').concat( { loader: 'sass-resources-loader', options: { resources: [path.resolve(__dirname, '../src/a

2020-12-02 09:57:13 183

原创 vue webapp 合成海报，点击保存至手机本地

直接上代码了，找了好久base84转本地图片格式的，终于可以了，感谢公司另一位前端小姐姐~~成功保存到手机相册了，不过项目太赶没有用到，是让后台处理的，前端传给后台base64格式的，再返过来png或者jpg格式的图片<template><div> <div class="container" :style="bg" id="canvasPoster" v-if="showDom"> <p class="tit">///超多惊喜等你来///&

2020-11-24 16:40:57 915 2

原创筛选后台返回商品详情的图片并给加上域名

var imgArr = response.data.detail.detail_content;// console.log("商品详情",response.data.detail.detail_content);var imgReg = /<img.*?(?:>|\/>)/gi;var srcReg = /src=[\'\"]?([^\'\"]*)[\'\"]?/i;var arr = imgArr.match(imgReg);let detailArr = [];for

2020-11-13 14:01:09 261

原创网络地址生成二维码

npm install -S qrcode页面引入 import QRCode from 'qrcode'使用components: { QRCode: QRCode },<canvas id="canvas"></canvas>getCode() { let _this = this; _this.$http.post(_this.$http.my_share_card).then(response => { if (.

2020-11-05 10:59:09 296

原创公众号微信支付的2种方法

1. 第一种需要引入 weixin-jsapi // 通过config接口注入权限验证配置 _this.$http.post(_this.$http.wx_config,{ headers:{ 'Content-Type': 'application/x-www-form-urlencoded'

2020-09-14 09:43:15 642

原创 vue webapp 分享到微信好友及微信朋友圈

用模拟器试了好几次，分享服务列表返回的都是空数组，需要用真机测试，最终用真机测试正常HbuilderX配置如下vue页面的 scriptimport shareJS from "../request/share.js"var shareUrl = '', //分享链接detail = {}; document.addEventListener("plusready",function(){ shareJS.service() }, false);vue分享页面

2020-09-04 14:32:32 2171

原创公众号调用微信扫一扫，分享，授权登录

1.授权登录main.jsrouter.beforeEach((to, from, next) => { const token = localStorage.getItem('token'); const openid = localStorage.getItem('openid'); // console.log("token",token,"openid",openid); if (!openid) { // console.log("path",to.path);

2020-08-15 09:45:53 1301

原创 hbuliderX 安装配置模拟器

首先你得安装HbuilderX安装逍遥模拟器官网下载http://www.xyaz.cn/安装查看端口号找到目录 D:\Program Files\Microvirt\MEmu\MemuHyperv VMs\MEmu（这是我安装的目录）下面的MEmu.memu-prev文件搜索Forwarding字段<Forwarding name="ADB" proto="1" hostip="127.0.0.1" hostport="21503" guestip="10.0.2.15" .

2020-08-12 17:07:27 354

原创 vue webapp 调用微信支付宝支付

记录一下 vueimport router from '../router/index'let Pay = new Object();Pay.getPay = function(data,type) { // console.log("pay",data,type); //获取支付通道 let wechatChanel = ''; let alipayChanel = ''; plus.payment.getChannels(function(channels

2020-08-12 16:45:04 1327

原创 vue+vant 上传图片压缩

最近有个手机端商家上传产品的项目，商城的操作几乎全在手机端完成。。。。真的是烧脑，都掉头发。。。。先记录一下吧，上传大图不压缩，页面太慢了 dataURLtoFile (dataurl, filename) { // 将base64转换为file文件 let arr = dataurl.split(','); let mime = arr[0].match(/:(.*?);/)[1]; let bstr = atob(arr[1]); let n = bstr.leng

2020-07-23 17:48:20 884

原创微信小程序 ios端position:fixed 失效，底部不固定

找了好久，是scroll-view标签惹的祸，底部放到scroll-view标签外层，再加上这个样式就好了page{ height: 100%; overflow-y: hidden; overflow-x: hidden;}

2020-07-22 09:21:31 2962

原创 vue项目中js——小积累

1. 去掉url中的域名的方法url = url.replace(/^http:\/\/[^/]+/, "");2. 过滤html标签中的图片路径var imgArr = response.data.detail.detail_content;// console.log("商品详情",response.data.detail.detail_content);var imgReg = /<img.*?(?:>|\/>)/gi;var srcReg = /src=[\'\"]?

2020-07-20 09:54:04 139

原创 vue+vant 上拉加载，下拉刷新

<template> <div class="container"> <van-pull-refresh v-model="refreshing" @refresh="onDownRefresh"> <van-list v-model="loading" :finished="finished" :immediate-check="false" finished-text="..

2020-06-24 11:49:11 3729

原创 vue webapp 长按保存图片到相册

<template> <div class="container"> <div class="white-box"> <div class="erweima"> <img :src="user_qrcode" alt="" @touchstart="start"> <p>商家收款码</p> </div>

2020-06-24 11:40:00 2343 2

原创 vue webapp扫码支付和从相册中选择图片

直接上代码：<template> <div class="container"> <div class="scan"> <div id="bcid"> <div style="height:40%"></div> <p class="tip">...载入中...</p> </div> <div class="f..

2020-06-24 11:36:38 487

原创 vue项目——第三天（跨域配置chrome）

浏览器——属性——目标链接后面空格加上**–disable-web-security**我的如下：“C:\Program Files (x86)\Google\Chrome\Application\chrome.exe” --disable-web-securityC盘下面创建文件夹 MyChromeDevUserData接着cmd 进行下面操作chrome.exe --disable-web-security --user-data-dir=c:MyChromeDevUserDa..

2020-06-15 16:25:28 448

原创 vue项目——第二天

静态页面已完成，把本地项目上传码云,git bash 命令行如下在码云创建仓库，复制https备用git initgit remote add origin 链接git pull origin mastergit add .git commit -m '描述'git push origin master最后一步报错解决办法git pull origin master --allow-unrelated-histories //把远程仓库和本地同步，消除差异git add .gi

2020-06-11 11:20:38 148

原创 Vue 项目——第一天

创建项目安装node-sass和sass-loader运行项目报错sass版本太高需要卸载重装解决办法npm uninstall sass-loadernpm install sass-loader@7.3.1 --save-loader引入vant库 vant

2020-06-08 18:10:58 144

原创 script中template模板的使用

var data = { spec_attr: [], spec_list: [] }; // 渲染table $(".spec-sku-tabel").html(template('tpl_spec_table', data));<script id="tpl_spec_table" type="text/template"> {{ each spec_list item }} <div c...

2020-06-05 15:22:23 1552

原创拖拽客服图标

html span标签的图标可自行替换<div class="kefu" id="drag"> <span class="iconfont icon-lianxikefu"></span></div>js$('#drag').bind('touchmove', function(e) { e.preventDefault(); var touch = e.originalEvent.touches[0] || e.originalE.

2020-05-21 09:24:05 285

原创安装宝塔检测到系统已存在Apache,请使用纯净安装

执行命令停止服务net stop Apache2.4删除服务sc delete apache

2020-04-23 18:18:18 3385

原创 vue中多个页面公用一个头部

例如首页引用头部header.vue 头部<template> <div class="header"> <p>{{headTitle}}</p> </div></template><script>export default { name: "app-header...

2020-03-24 15:25:46 4350

原创 html转化成图片，相当于生成海报，长按保存到手机

html<div class="tab-con" id="erweima"> <div class="erweima-box"> <div class="erweima"> <div class="top"> <span>扫码支付</span> <span>排队免单</span&...

2020-03-23 14:14:16 1558

原创常用的数组去重的方法

1. for循环嵌套,利用splice去重splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。splice() 方法可删除从 index 处开始的零个或多个元素，并且用参数列表中声明的一个或多个值来替换那些被删除的元素。function newArr(arr){ for (var i = 0;i < arr.length;i++) { for(var j ...

2020-01-07 14:16:20 137

空空如也

空空如也