自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 资源 (4)
  • 收藏
  • 关注

原创 h5页面做微信公众号分享,一直出现无效签名,错误码:63002,invalid signature

刚接手参与一个h5页面的项目,需要分享到微信,能看到数据正常的写入,但是偏偏分享出去就没有了设置好的标题,描述,和图片,打开的链接也是自己分享时所在的页面url,期间一直有报无效签名的错,不管是用原生微信还是插件去写,都一样,找了两天都没找出问题;一开始以为是放到服务器就会没有,但是放上去后还是有这个报错。后面老大给我们分析了一下,讲解了一下大概过程,用自己的想法画了个草图:大概就是客户端请求的时候,服务端会做一次计算,然后发送到微信服务器里面做验证,验证完后会生成配置参数返回,前端再写入.

2020-05-28 10:25:07 11623 2

原创 vue 动态修改组件style中的参数

CSS中原生的变量定义语法是:--*,变量使用语法是:var(--*),具体的自己去了解吧,这里就不详解了。以背景颜色为例:html:<template> <div class="father" ref="bgcolor"> <div class="child"> 动态修改style中的参数 ...

2020-04-09 17:27:37 4917

原创 el-rate 当分数包含小数时,出现星星大小不一致的情况

官方文档内,星星的i标签是继承父元素的字体大小“font-size: 18px;”的,一般出现这种情况,则是给i元素添加了字体大小设置,例如 " *{ font-size: 14px; } 、i{ font-size:14px;}"等;将包含 "el-rate__decimal"、"el-icon-star-on"两个class的元素字体大小设置为 "font-size: 18px"或者将整体...

2020-04-09 10:07:50 2238

原创 vue 实现多行文本溢出的省略

最近遇到需要多行文本溢出的省略的情况;借助webkit的CSS扩展属性实现这一点固然省事,但是存在浏览器兼容问题,兼容范围仅限于PC端的webkit内核浏览器;固定宽高,然后用定位的方式固定“...”方式也容易出现一些不美观的情况;找了好一会,突然发现一篇好文章,里面有大神列举出的比较完善的解决方案,详情可以看【CSS/JS】如何实现单行/多行文本溢出的省略(...)--绕过坑道的正确...

2020-03-04 17:20:16 2142

原创 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 9426 2

转载 css 两列自适应布局的4种思路(转载)

float思路1: float在单列定宽单列自适应的两列布局中,经常用float和负margin配合实现布局效果。但由于margin取值只能是固定值,所以在两列都是自适应的布局中就不再适用。而float和overflow配合可实现两列自适应效果。使用overflow属性来触发bfc,来阻止浮动造成的文字环绕效果。由于设置overflow:hidden并不会触发IE6-浏览器的hasl...

2019-08-08 15:37:49 318

转载 使用JavaScript的一些小技巧--数据类型转换(转载)

转换为布尔值布尔值除了true和false之外,JavaScript还可以将所有其他值视为“真实的”或“虚假的”。除非另有定义,JavaScript中除了0、''、null、undefined、NaN和false之外的值都是真实的。我们可以很容易地在真和假之间使用!运算符进行切换,它也会将类型转换为Boolean。比如:const isTrue = !0; const isFa...

2019-07-18 16:54:46 109

转载 使用JavaScript的一些小技巧--对象(转载)

使用...运算符合并对象或数组中的对象同样使用ES6的...运算符可以替代人工操作,合并对象或者合并数组中的对象。// 合并对象const obj1 = { name: '大漠', url: 'w3cplus.com'}const obj2 = { name: 'airen', age: 30}const mergingObj = {.....

2019-07-18 16:42:10 342

转载 使用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 72

原创 vue.js watch immediate

场景:组件创建时需要根据参数变化调用函数:created() { this.handleSet(this.dependentParams);},watch: { dependentParams(newVal){ this.handleSet(newVal); }}此时声明immediate:true表示创建组件时立马执行一次,即可优化这段...

2019-07-12 17:11:59 829

原创 vue.js 插槽使用

插槽基础用法:子组件:<template> <div> <slot name="mySlot">此处可添加默认值,若父组件未使用此插槽,则使用此默认值</slot> </div></template>父组件:<template> <div cla...

2019-07-12 11:55:35 316

原创 日常(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 107

层级关联功能

层级关联功能的js,用于javascript入门与提高的学习与参考

2018-01-15

calendar.html日历与时钟控件的引用html

日历与时钟控件的引用html,用于javascript入门与提高的学习与参考

2018-01-15

calendar.js日历控件

日历控件calendar.js,用于javascript入门与提高的学习与参考

2018-01-15

dtree.js树形菜单

树形菜单的js,用于javascript入门与提高的学习与参考

2017-12-31

空空如也

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

TA关注的人

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