qq_44808404的博客

原创 vue微信分享卡片

项目如果没有配置接口安全域名，管理员打开微信公众平台，在“公众号设置”的“功能设置”里填写“JS接口安全域名”。appId,timestamp,noncestr,signature通过接口返回才能进行下一步。其实jsApiList就是微信里面内置的功能api。然后就是要后端掉用微信接口给配置参数。在【基本配置】里面，配置一下你的。白名单，不设置没法获取。

原创 js中对象值多个值快速置空

1、批量处理制空的应用场景：比如我们关闭el-dialog的弹框，再次打开编辑时，需要清空上次编辑时页面的值，这个时候我们需要在close方法内将弹框里面所渲染的值都值空。而一般对象的值一个个去置空在维护上不方便，所以采用这种统一的处理，后续如果需要再增加或者移除值在对象中，也只需维护该对象的变化。不需要再在close方法里面去增加或者移除对象中某个值的赋值为空的操作。2、Object.keys(）方法，一般用来遍历对象的（属性名，索引），并返回一个数组Object.keys()方法与Objec

原创 圆圈点击放大套圆圈样式（用于切换按钮类似需求）

<template> <div> <div class="circle-box"> <div v-for="(item, index) in data" :key="index" class="outer" :class="{ [`item-${item}`]: true, actived: current == index }" @click="changeC.

原创 A页面到B页面，B页面回到A页面时，A页面保持不刷新

之前一个需求：当编辑完详情页之后，回去列表页面时，列表页面不需要刷新问题：在详情页面用了$tabs.open()到列表方法会自动刷新，所以就直接用路由回退来实现：this.$router.back(-1)，类似于返回上一页...

原创 解决swiper loop为true时click失效

原创 截取文字字符串超过长度拼接省略号

var data='是大概率是的结果速度过来的感觉，的感觉了多少个给大家';data = data.slice(0, 30).replace(/(\s)*([a-zA-Z0-9]+|\W)(\.\.\.)?$/,'...');

原创 git 提交单个文件或部分文件

原创 坑：js对象赋值会影响原对象

JSON.stringify(obj)将JSON转为字符串。JSON.parse(string)将字符串转为JSON格式；现象：目前创建有两个对象值，当将其中的一个对象值赋值给另一个对象时，会导致修改该新对象时，原对象职业发生改变var obj1={name:'1233'};var obj2=obj1;obj2.name='2222';console.log(obj1.name);//'2222'出现这个现象的原因是：JavaScript中对象的赋值是默认引用赋值的（两个对象所存储的

原创 js判断一个数是否包含在某个数组内，并获取数组的下标

1、采用includes函数var arr = [2,1,4,6];//数组var a=2; //需要寻找的目标var c= []; //用来存放下标的数组arr.includes(a);//判断目标数a是否在数组arr内//获取下标方式一for(var i=0;i<arr.length;i++){if(arr[i]==a){ c.push(i);}}return c;}//获取下标方式二var arr = [23,199,0,3,56]var in

原创 总结一些写法注意

1、div中style中的变量写法<div v-for="(item,index) in data" :key="index"><div :style="{background:`url(${item}) 0% 0% / cover no-repeat `}"></div></div>2、获取数组最后一个元素值var arr=['a','b','c'];console.log(arr[arr.length-1]);//c3、js根据

原创 js中的Promise机制

js中的Promise机制回调函数：简单来说，就是该执行函数的结果是作为一个参数供其他函数使用简单来说，实现异步执行，在promise之前，对于多个方法嵌套执行时‘是通过回调函数获取值得到最终得值，这样的弊端是对于如果逻辑比较复杂的函数会面临回调金字塔的问题，所以这个时候Promise的出现就可以解决该问题promise它有执行的三个状态分别是：（它的执行结果是要么成功要么失败）Pending状态（进行中） Fulfilled状态（已成功） Rejected状态（已失败）promise

原创 优化提升自己的一些代码案例

1、通过数组的形式匹配变量，减少一些条件匹配的判断2、当给的条件超过2个或以上时，需进行条件匹配时执行其对应的逻辑，我们可以采用数组的方式，先将条件存入数组，用数组的includes来进行匹配传统的我们取到的条件都是要么进行三元运算，要么就是if else，这样的情况遇到条件多时会显得代码特别冗余，且逻辑不便阅读和维护if(this.name=='一 ' || this.name=='二' || this.name=='三'|| his.name=='四'){...

原创 总结一波箭头函数和普通函数的this指向

javasript语法中的this指的是整个页面实例1、箭头函数的this和外部的页面实例指的this是同一个this,所以是可以直接取到页面上的变量data:{ a:1;}let that = this; //this指向的对象发生了变化，故需要在函数前将this指向的对象提前保存一下sum:funtion(){console.log(that.a); //1console.log(this.a); // undefined}2、普通函数的this不再指向...

原创 （案例）写点击选中，再次点击取消的选中的样式

<template> <div class="outer-box"> <div class="select-box"> <div v-for="(item, index) in btnVal" :key="index" class="select-btn" :class="{ check: isActived(index) }" @click="selectVa.

原创 关于生成图片一些列的问题总结

页面数据获取存localstroge的缺点1、localstroge浏览器内建缓存命中率越高，对localStorage方案越不利。出现存储同一个页面时，数据读写时间响应不够，数据缓存的问题html2canvas画图一些样式支持问题1、在使用html2canvas的版本问题的时候，高版本的时候会出现文体整体下落，一些颜色渐变还有伪元素的样式不支持画图的时候图片加载问题1、首先因为我们得图片都是存在远端库，所以会有从库里面请求到本地一个过程，很多时候存在网络问题会存在请求失败得情况，或者由