黑白棋学弟

摘要： 如果有canvas基础的可以跟快上手path这里的内容： path时svg的一个标签，他有一个路径d，d中包括如下指令： 命令 名称 参数 M moveto 移动到 (x y) Z closepath 关闭路径 (none) L lineto 画线到 (x y) H horizontal linet 阅读全文

摘要： 当一个页面要引入同一个组件很多次的时候，且都需要传递唯一且不同的内容，还要设置不一样的ref属性，调取很多次this.$refs.名称，可以封装对象减少代码属性举例： let a={one:1,two:2}; let b = 'two' a[c] = 2 阅读全文

摘要： 首先我们要了解$on和$emit vm.$on( event, callback )：监听当前实例上的自定义事件。事件可以由vm.$emit触发。回调函数会接收所有传入事件触发函数的额外参数。 vm.$emit( event, […args] )：触发当前实例上的事件。附加参数都会传给监听器回调。父 阅读全文

摘要： 封装组件时常碰到子组件的一些事件要在父组件中处理，关键词时this.$emit， 注意：他要和父组件调用子组件的方法中的一个this.$emit和this.$on区分开（这里就不太多解释可以查看：https://www.cnblogs.com/heibaiqi/p/16548029.html） 子组 阅读全文

摘要： svg画出半圆？熟记老妹啊！ 阅读全文

摘要： 当vue写svg标签时，里面的内容用通过v-for遍历，如果每次都遍历太消耗性能了，可以写在<g>标签中，相当于遍历时<template>标签，但是在svg标签中template不能使用，代码如下： <g v-for="(item,index) in arr" :key="index" > <!-- 阅读全文

摘要： H5新出新出的canvas可以说被好多公司使用，但是canvas没有一个合适的关于箭头的一个样式就很不好，下面封装了一个箭头的简单样式，可以直接拿到项目中使用： drawArrow(ctx,xA,yA,xB,yB,l=5,θ=30) { let L = 5; let a = Math.atan2(( 阅读全文

摘要： 今天做canvas画图时碰到一个问题，当往canvas引入图片时需要在外部写一个图片代码为： <template> <div> <canvas ref="canvasBox" class="canvas_style" width="360" height="220" ></canvas> <img 阅读全文

摘要： Objec.prototype.toString.call()方法 所有类型都可以判断出来 let arr = [1,2,3]; console.log(Objec.prototype.toString.call(arr));//返回值为[object Array] 返回来的[object Arra 阅读全文

摘要： 对于拓展运算符是深拷贝还是浅拷贝网上怎么说的都有，我就说一下我的理解。 什么是深拷贝？什么是浅拷贝？ 假如B复制了A，修改A的时候，看B是否发生变化： 如果B也跟着变了，说明是浅拷贝，拿别人手段！ 如果B没有改变，说明是深拷贝，自食其力！ 怎么判断拓展运算符是什么拷贝呢？ 看一下下面的例子： let 阅读全文