自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(98)
  • 收藏
  • 关注

原创 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 2607

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

腾讯地图申请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 905 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 856

原创 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 688

原创 小程序自动更新版本

// 在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 136

原创 图片懒加载 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 161

原创 小程序 富文本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 183

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

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

2021-03-29 13:59:30 860

原创 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 523

原创 公众号 微信支付 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 111

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

wxml<!--pages/share/share.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 2037

原创 小程序 登录授权页面

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 1213

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

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

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

原创 常用的js封装

let Public = new Object();//姓名Public.name = function(val) { let reg=/^[\u2E80-\u9FFF]+$/;//Unicode编码中的汉字范围 return reg.test(val);};// 手机正则Public.checkMobile = function(sMobile) { var reg = /^1[3|4|5|7|8|6|9][0-9]{9}$/; return reg.test(sMobile);};

2021-01-14 15:01:23 181

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

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

2021-01-04 16:34:51 872

原创 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 165

原创 只引入一次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 154

原创 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 862 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 190

原创 网络地址生成二维码

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 261

原创 公众号 微信支付的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 576

原创 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 1989

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

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 989

原创 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 263

原创 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 1244

原创 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 834

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

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

2020-07-22 09:21:31 2837

原创 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 115

原创 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 3659

原创 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 2276 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 452

原创 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 409

原创 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 126

原创 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 120

原创 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 1472

原创 拖拽客服图标

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 227

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

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

2020-04-23 18:18:18 3271

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

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

2020-03-24 15:25:46 4161

原创 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 1438

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

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 117

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除