日常记录
yoinyao
这个作者很懒,什么都没留下…
展开
-
h5页面做微信公众号分享,一直出现无效签名,错误码:63002,invalid signature
刚接手参与一个h5页面的项目,需要分享到微信,能看到数据正常的写入,但是偏偏分享出去就没有了设置好的标题,描述,和图片,打开的链接也是自己分享时所在的页面url,期间一直有报无效签名的错,不管是用原生微信还是插件去写,都一样,找了两天都没找出问题;一开始以为是放到服务器就会没有,但是放上去后还是有这个报错。后面老大给我们分析了一下,讲解了一下大概过程,用自己的想法画了个草图:大概就是客户端请求的时候,服务端会做一次计算,然后发送到微信服务器里面做验证,验证完后会生成配置参数返回,前端再写入.原创 2020-05-28 10:25:07 · 11721 阅读 · 2 评论 -
vue 动态修改组件style中的参数
CSS中原生的变量定义语法是:--*,变量使用语法是:var(--*),具体的自己去了解吧,这里就不详解了。以背景颜色为例:html:<template> <div class="father" ref="bgcolor"> <div class="child"> 动态修改style中的参数 ...原创 2020-04-09 17:27:37 · 5006 阅读 · 0 评论 -
axios文件下载
axios.post(url, param, { responseType: 'blob'}).then((res) => { const blob = res.data; const reader = new FileReader(); reader.readAsDataURL(blob); reader.onload = (e) => { const...原创 2019-08-20 17:17:51 · 9502 阅读 · 2 评论 -
css 两列自适应布局的4种思路(转载)
float思路1: float在单列定宽单列自适应的两列布局中,经常用float和负margin配合实现布局效果。但由于margin取值只能是固定值,所以在两列都是自适应的布局中就不再适用。而float和overflow配合可实现两列自适应效果。使用overflow属性来触发bfc,来阻止浮动造成的文字环绕效果。由于设置overflow:hidden并不会触发IE6-浏览器的hasl...转载 2019-08-08 15:37:49 · 346 阅读 · 0 评论 -
日常(css) -- 图片区域宽高相等,且居中
/* 容器 */.box{ position: relative; width: 100%; /* 自定义 */ overflow: hidden;}.box::before{ display: block; content: ""; padding-top: 100%;}/* 图片 */.box>img{ positio...原创 2019-07-12 10:49:53 · 122 阅读 · 0 评论 -
使用JavaScript的一些小技巧--数据类型转换(转载)
转换为布尔值布尔值除了true和false之外,JavaScript还可以将所有其他值视为“真实的”或“虚假的”。除非另有定义,JavaScript中除了0、''、null、undefined、NaN和false之外的值都是真实的。我们可以很容易地在真和假之间使用!运算符进行切换,它也会将类型转换为Boolean。比如:const isTrue = !0; const isFa...转载 2019-07-18 16:54:46 · 125 阅读 · 0 评论 -
使用JavaScript的一些小技巧--对象(转载)
使用...运算符合并对象或数组中的对象同样使用ES6的...运算符可以替代人工操作,合并对象或者合并数组中的对象。// 合并对象const obj1 = { name: '大漠', url: 'w3cplus.com'}const obj2 = { name: 'airen', age: 30}const mergingObj = {.....转载 2019-07-18 16:42:10 · 355 阅读 · 0 评论 -
使用JavaScript的一些小技巧--数组(转载)
数组去重ES6提供了几种简洁的数组去重的方法,但该方法并不适合处理非基本类型的数组。对于基本类型的数组去重,可以使用... new Set()来过滤掉数组中重复的值,创建一个只有唯一值的新数组。const array = [1, 1, 2, 3, 5, 5, 1] const uniqueArray = [...new Set(array)]; console.log(uniqueA...转载 2019-07-18 16:11:14 · 105 阅读 · 0 评论 -
vue.js watch immediate
场景:组件创建时需要根据参数变化调用函数:created() { this.handleSet(this.dependentParams);},watch: { dependentParams(newVal){ this.handleSet(newVal); }}此时声明immediate:true表示创建组件时立马执行一次,即可优化这段...原创 2019-07-12 17:11:59 · 861 阅读 · 0 评论