08 2022 档案
摘要:有两种方法: 第一种:clearRect()的方法 canvas提供的clearRect(x, y, width, height)方法只能清理出特定位置的矩形区域,以下代码则能实现对圆形区域的清 理,主要是利用计算圆周率时的方法,将整个圆切成一个一个细小的正方形,然后再通过clearRect(x,
阅读全文
摘要:面试题:用js实现一个无限循环的动画。首先想到的是定时器 <!doctype html> <html lang="en"> <head> <title>Document</title> </head> <body> <div id="aaa"></div> <script> let a = aaa;
阅读全文
摘要:在javascript中,可以利用Number()函数和isNaN()函数来判断字符串是否是数字,语法“isNaN(Number("字符串",10)”;如果返回true,则该字符串不是数字,否则是数字。 javascript判断字符串是否是数字 通过Number()将字符串转化为数字的过程中,如果字
阅读全文
摘要:1、trim方法:过滤字符串两端的空格 var str=" 6 66 "; console.log(str.trim()); //6 66 trim() 是最常用的方法,也是最方便的方法。 2、replace方法(正则表达式) let str = ' xin xiang '; console.log
阅读全文
摘要:根据之前的讲解 也就是这篇:https://www.cnblogs.com/heibaiqi/p/16612375.html,了解到16进制和rgba的关系,但是我碰到rgba转化为未调整的16进制时,居然搜不到,就一个简简单单的转化为啥非要变成6位的16进制呢?不同程序员需要的都不一样居然没有人出
阅读全文
摘要:JavaScript中改变鼠标指针样式的方法 在js中我们可以通过style对象的cursor属性来设置鼠标指针的样式,例 var body = document.querySelector("body") body.style.cursor= "move" 通过cursor属性我们还可以将指针替换
阅读全文
摘要:1、428 Precondition Required (要求先决条件) 先决条件是客户端发送 HTTP 请求时,必须要满足的一些预设条件。一个好的例子就是 If-None-Match 头,经常用在 GET 请求中。如果指定了 If-None-Match ,那么客户端只在响应中的 ETag 改变后才
阅读全文
摘要:使用js去除字符串内所带有空格,有以下两种种方法: ( 1 ) replace正则匹配方法 去除字符串内所有的空格:str = str.replace(/\s*/g,""); 去除字符串内两头的空格:str = str.replace(/^\s*|\s*$/g,""); 去除字符串内左侧的空格:st
阅读全文
摘要:对于大部分前端用户这两个内容咱们都了解,rgba 最后的a设置透明度,但是通过16进制设置透明度咱们并不是常用,但是不影响设置, 比如网易云的红色为:#E20000 如果不用rbga咱们之前的写法为: <div className={'color'} style={{backgroundColor:
阅读全文
摘要:前几天做项目发现一个很费事的事情,时间格式化问题 ,如果我要获取 2022-08-22 11:42:32 半个小时的时间应该怎么写? 发现了new Data()的getTime()的方法,可以吧时间转化成ms 减去半个小时对应的ms就可以了,但是2022-08-22 11:42:32 直接使用get
阅读全文
摘要:svg缩放使用起来十分简单,相比于canvas的好处多了不是一点半点,canvas的缩放需要清除画图,等比例缩放,然后绘制,svg直接一句代码viewBox就可以实现。 viewBox是<svg>元素的属性。 它的值是四个数字的列表,用空格或逗号分隔:x,y,宽度,高度。 宽度是SVG代码中以用户坐
阅读全文
摘要:今天使用element UI时碰到一个问题,对象中有一个函数,样式如下: pickerOptions: { disabledDate(time) { return time.getTime() > Date.now(); },} 这是element组件时间选择器的一个对象函数, 第一次碰到有一点懵逼
阅读全文
vue报错elementUI使用datepicker报错Avoid mutating a prop directly since the value will be overwritten whene
摘要:报错问题:[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or c
阅读全文
摘要:1. Property or method “xxxx” is not defined on the instance but referenced during render 有时候在写 vue 时突然就报这个错误了,Property or method “xxxx” is not defined
阅读全文
摘要:方式一、使用取余运算符判断任何整数都会被1整除,即余数是0。利用这个规则来判断是否是整数。 function isInteger(obj) { return obj%1 0 } isInteger(3) // true isInteger(3.3) // false 以上输出可以看出这个函数挺好用,
阅读全文
摘要:其实使用css就可以实现 *{ -webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-select:none; /*webkit浏览器*/ -khtml-user-select:none; /*早期浏览器*/ -moz-user-select:
阅读全文
摘要:一.前言。 众所周知,在现今的开发大环境下,数据可视化(大屏化)项目在前端开发中的比重越来越大。而其中使用率最高的插件无疑就是 Apache Echarts。(ps: 以下简称为echarts)。本文就结合vue框架来讲解如何快速、高效、优雅地在项目中使用echarts。当然,本文篇幅也会为读者精心
阅读全文
摘要:相同点: visibility和display都能实现元素的显示和隐藏display: none; 隐藏元素display: block; 显示元素display: inline; 元素转换为行内元素 display: inline-block; 元素转换为行内块元素 visibility:hidd
阅读全文
摘要:reduce为数组的一个方法,处理一些数组去重,获取数组出现次数等非常好用,写法为: arr.reduce((preV,cur,index,oldArr)=>{}) 传参: preV:上次调用函数的返回值 cur:当前元素 index:当前元素索引 arr:被遍历的数组 他还可以设置一个初始迭代值,
阅读全文
摘要:list.sort((a,b)=> { return b.time < a.time ? -1:1 })
阅读全文
摘要:let arr = [ { name: "zs", age: 18, id: 1, sex: 0 }, { name: "ls", age: 19, id: 2, sex: 0 }, { name: "zs", age: 19, id: 3, sex: 1 } ]; 找到对象group所对应的数据,
阅读全文
摘要:例如根据id去重 方法1:for in的方法 objHeavy(arr) { let arr1 = [];//存id let newArr = [];//存新数组 for(let i in arr) { if(arr1.indexOf(arr[i].id) == -1) { arr1.push(ar
阅读全文
摘要:视图更新: push() pop() shift() unshift() splice() sort() reverse() 以下常用的数组操作都不会改变现有的数组,而是返回一个新数组 slice() concat() join() fliter()
阅读全文
摘要:方法: newArry.sort(sortBy(‘age’),false) 对应数组.方法(函数名称(排序的属性值),是否升序) 例子: let arr=[ {name:'zopp',age:0}, {name:'gg',age=18}, {name:'zz',age=8} ]; let newAr
阅读全文
摘要:1.产生的原因: 给对象添加一个属性,在控制台打印出来,但是却没有更新到视图上时。需要用this.$set()的方法 2.使用方法 调用方法:this.$set(target,key,value) target:要更改的数据源(可以用对象或者数组) key:要更改的具体数据 value:重新赋值 例
阅读全文
摘要:解决方法(均在video标签上加属性):ios: webkit-playsinline="true" android: x5-video-player-type="h5" x5-video-player-fullscreen="true" x5-video-orientation="portrain
阅读全文
摘要:SVG <use>元素可以重用SVG文档中其他位置(包括 <g>元素和 <symbol>元素)的SVG形状。可以在 <defs>元素内部(使形状直到使用之前不可见)或外部定义重用形状。 一、简单案例分析 示例: <!doctype html> <html lang="en"> <head> <met
阅读全文
摘要:如果有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) 子组
阅读全文
摘要:当vue写svg标签时,里面的内容用通过v-for遍历,如果每次都遍历太消耗性能了,可以写在<g>标签中,相当于遍历时<template>标签,但是在svg标签中template不能使用,代码如下: <g v-for="(item,index) in arr" :key="index" > <!--
阅读全文