王冬进-CSDN博客

原创 css自定义checkbox被选中的背景色

标签<input type="checkbox" id="checked"/> <span>请选择</span>css样式使用after伪类选择器#checked[type=checkbox] { position: relative; width: 16px; height: 16px; cursor: pointer; } #ch

2021-05-06 15:59:55 4994

当你有个某种需求，需要改变canvas宽高时，你会发现，画布上的内容没了，这是因为canvas的大小改变后会自动清除内容的，这时候我们需要重新绘制画布。未改变宽高前的canvas var ctx = canvas.getContext('2d'); ctx.beginPath(); ctx.moveTo(100, 100); ctx.lineTo(500, 100); ctx.lineTo(500, 400); ctx.

2021-04-08 18:05:15 10385 1

原创在js中，使用canvas绘制渐变色线条

效果代码注：看注释 var colors = ['#6bfae1' ,'#63b9e9' ,'red' ,'yellow' ,'blue', 'green']; var ctx = canvas.getContext('2d'); ctx.moveTo(50, 300); ctx.lineTo(700, 300); ctx.lineTo(750, 200); ctx.lineTo(780, 150);

2021-04-08 15:35:22 5030

原创 vue中，组件使用keep-alive缓存，beforeDestroy和destroyed会被调用吗？

分析首先，答案是不会的，准确的说是不会直接调用。默认情况下，也就是没有设置keep-alive,当离开当前路由时，会直接调用beforeDestroy和destroyed来销毁。当组件设置keep-alive后，不会直接调用这个销毁周期函数，而是会在生命周期函数新增两个，activated和deactivated;当第一次进入页面是，生命周期函数执行是这样的，简单描述一下：当退出时，会触发deactivated()函数；当再次进入此页面时，只会执行activated()函数；如何调用销毁

2021-04-08 10:37:29 3528

原创在vue中，promise封装axios

在vue中，promise封装axios安装axiosnpm i axios --save建文件在这里，我创建了一个名为utils的文件夹，并创建了一个名为myAxios的js文件代码import axios from 'axios';let baseUrl = '';// 判断环境if(process.env.NODE_ENV == 'development'){ baseUrl = 'https://www.fastmock.site/mock/15e2ed40f35bf

2021-04-06 14:27:06 310

原创 nuxtjs项目中，全局鼠标mouseup出现Cannot read property ‘disabled‘ of null

全局鼠标mouseup出现Cannot read property ‘disabled’ of null原因如果你在页面中使用了el-dropdown组件，但是在这个组件里写它的item子元素，就会报这个错误，解决办法就是删除无效的这个组件或者在el-dropdown中添加el-dropdown-menu就可以了。结尾处，欢迎交流学习，纠错。...

2021-04-02 18:45:37 198

原创 Nuxt.js: Error: [vuex] do not mutate vuex store state outside mutation handlers.

Nuxt.js: Error: [vuex] do not mutate vuex store state outside mutation handlers.不能在mutation函数以外更改vuex状态，请检查你的代码。结尾处，欢迎交流学习，纠错。

2021-04-02 18:40:54 307

原创 uniapp中@tap和@click的区别

uniapp中@tap和@click的区别在HbuilderX中，两者都是点击时触发事件；不同的是：@click是组件被点击时触发，会有约300ms的延迟（内置处理优化了）；@tap是手指触摸离开时触发，没有300ms的延迟，但是会有事件穿透;编译到小程序端，@click会被转换成@tap；结尾处，欢迎交流学习，纠错。...

2021-04-02 18:24:27 39446 9

原创 javascript的this指向

javascript的this指向场景我们先来看几个函数调用的场景：var a = 1;function make(){ console.log(this.a)}make();const obj = { a: 2, make: make}obj.make(); let c = new make();不知结果与你想的是否一样呢！结果小结对于直接调用make()这个普通函数来说，不管make()函数放在任何地方，this指向始终是window。对于

2021-04-01 18:18:43 109 2

王二哥的博客