- 博客(9)
- 收藏
- 关注
原创 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 5102
原创 canvas宽高改变后,画布上的内容消失了
当你有个某种需求,需要改变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 10881 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 5190
原创 vue中,组件使用keep-alive缓存,beforeDestroy和destroyed会被调用吗?
分析首先,答案是不会的,准确的说是不会直接调用。默认情况下,也就是没有设置keep-alive,当离开当前路由时,会直接调用beforeDestroy和destroyed来销毁。当组件设置keep-alive后,不会直接调用这个销毁周期函数,而是会在生命周期函数新增两个,activated和deactivated;当第一次进入页面是,生命周期函数执行是这样的,简单描述一下:当退出时,会触发deactivated()函数;当再次进入此页面时,只会执行activated()函数;如何调用销毁
2021-04-08 10:37:29 3646
原创 在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 325
原创 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 224
原创 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 328
原创 uniapp中@tap和@click的区别
uniapp中@tap和@click的区别在HbuilderX中,两者都是点击时触发事件;不同的是:@click是组件被点击时触发,会有约300ms的延迟(内置处理优化了);@tap是手指触摸离开时触发,没有300ms的延迟,但是会有事件穿透;编译到小程序端,@click会被转换成@tap;结尾处,欢迎交流学习,纠错。...
2021-04-02 18:24:27 41061 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 137 2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人