绘制矩形
摘要：
getContext() 方法返回一个用于在画布上绘图的环境 ，该环境对象实现了一个画布所使用的大多数方法，语法： var c document.getElementById('myCanvas'); var context=c.getContext('2d'); // 参数 contextID 指 阅读全文
posted @ 2021-02-24 15:58 zhishiyv 阅读(80) 评论(0) 推荐(0) 编辑
vue-qriously 生成二维码
摘要：
vue-qriously 介绍： 可以使用qrious在HTML Canvas上绘制QR码的vue组件。 安装 npm install vue-qriously --save-dev 使用 <template> <qriously id='mycanvas' :value="value" :size 阅读全文
posted @ 2021-01-29 14:11 zhishiyv 阅读(889) 评论(0) 推荐(0) 编辑
Map数据结构
摘要：
Map 1、键值对，(键可以是字符串，也可以是对象) const objkey = {p1: 'v1'} const map1 = new Map() map1.set(objkey, 'hello') console.log(map1.get(objkey)) 实操： 2、Map可以接受数组作为参 阅读全文
posted @ 2021-01-28 18:04 zhishiyv 阅读(121) 评论(0) 推荐(0) 编辑
break和continue
摘要：
实例 break语句可以跳出流程，结束循环结 continue语句是提前结束本次循环，跳过本次循环中余下尚未执行的语句，进行下一次的循环条件的判定。 阅读全文
posted @ 2021-01-28 15:19 zhishiyv 阅读(104) 评论(0) 推荐(0) 编辑
vue的ref属性
摘要：
ref 被用来给元素或子组件注册引用信息，引用信息将会注册在父组件的$refs对象上，如果在普通的DOM元素上使用，引用指向的就是DOM元素，如果用在子组件上，引用就指向组件实例。 <!-- vm.$refs.p will be the DOM node --> <p ref="p">hello</ 阅读全文
posted @ 2021-01-28 14:04 zhishiyv 阅读(261) 评论(0) 推荐(0) 编辑
css小样式
摘要：
知识点： 1 定位position , 在父元素相对定位的基础上对子元素绝对定位 2 border-radius: 圆角 3 border设定 4 box-sizing 和 -webkit-border-radius ，border-radius和-webkit-box-sizing的双设定 5 p 阅读全文
posted @ 2021-01-28 11:31 zhishiyv 阅读(69) 评论(0) 推荐(0) 编辑
搭建vue开发环境
摘要：
搭建vue开发环境 C:\Users\16335>node -v v10.16.0 C:\Users\16335>vue-cli 'vue-cli' 不是内部或外部命令，也不是可运行的程序 或批处理文件。 C:\Users\16335>npm install vue npm WARN saveErr 阅读全文
posted @ 2021-01-28 10:41 zhishiyv 阅读(117) 评论(0) 推荐(0) 编辑
setTimeout和clearTimeout
摘要：
HTML DOM setTimeout() 和clearTimeout() 方法 定义和用法 setTimeout()可以设置定时任务 clearTimeout() 方法可取消由 setTimeout() 方法设置的 timeout。 语法 clearTimeout(id_of_settimeout 阅读全文
posted @ 2021-01-28 09:48 zhishiyv 阅读(345) 评论(0) 推荐(0) 编辑
垂直居中
摘要：
1 让一些<div>显示成table-cell ，结合vertical-align属性 ，vertical-align作用在一些元素上会表现得可能会匪夷所思 <div id="cell"> <div class="content">Content goes here</div> </div> #ce 阅读全文
posted @ 2021-01-27 10:24 zhishiyv 阅读(67) 评论(0) 推荐(0) 编辑
vertical-align 属性
摘要：
vertical-align属性与垂直居中 下面来详细介绍下vertical-align这个属性以及实现垂直居中的若干方法。 1、根据W3C Spec 中对 vertical-align属性的定义： This property affects the vertical positioning ins 阅读全文
posted @ 2021-01-27 09:56 zhishiyv 阅读(178) 评论(0) 推荐(0) 编辑