呱呱的博客

前言 ： 使用canvas来实现手写签名的功能1.准备一张画布 <div class="signature-wrap" > <canvas class="canvas" ref="signCanvas" /> <div class="btn-wrap"> <van-button type="info" block @click="save">提 交</van-button> <van-button

splitNumber设置分割的段数，必须一致设置的max一定是大于或等于数据最大值，计算找出数据中最大值向上取整interval强制设置坐标轴分割间隔，控制两边刻度比例一样才能保持刻度线对齐// consumption 和 throughputList 是API返回的数据yAxis: [{ // name: '左轴', type: 'value', min: 0, splitNumber: 5, interval:.

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar

对象分两种，一个是类对象，一个是实例对象。静态方法——类对象在构造函数本身上定义的方法，只能通过构造函数本身调用，new出来的对象不能够调用。var SayHello = function (){}SayHello.say = function(){ return "hello";}console.log(SayHello.say()); // hello 动态方法——实例对象它是通过prototype原型对象添加的，所有的实例对象都能够继承调用。var SayHello =

注意：请使用echarts v4.4.0以上版本renderItem 函数提供了两个参数：params：包含了当前数据信息（如 seriesIndex、dataIndex 等等）和坐标系的信息（如坐标系包围盒的位置和尺寸）。api：是一些开发者可调用的方法集合（如 api.value()、api.coord()）。var MyCubeRect = echarts.graphic.extendShape({ shape: { x: 0, y: 0,

getReplaceStr(str, obj) { for (let key in obj) { str = str.replace(new RegExp('\\{\\{' + key + '\\}\\}', 'g'), obj[key]) } return str } let usrIfo = { name:...

需求：这是预提交所有挑拨设备页面，点击选择设备打开条件筛选设备。在选择设备页面，选择出需要挑拨的设备，再把已经选择的设备批量添加到预备调拨的列表中，每次批量添加的时候，需要去掉之前已经选择过的设备，避免重复项。解决思路一：连个数组双重循环对比，如果出现相同设备ID就删除掉，然后再连接两个数组，但是觉得麻烦，所以不推荐。解决思路二：先合两个数组，再对数组进行去重。 /* *...

JavaScript中的内存泄漏就是被分配的内存没有被使用，但是也不能被回收的一种现象。通俗来说，我们已经无法再通过js代码来引用到某个对象，但垃圾回收器却认为这个对象还在被引用，因此在回收的时候不会释放它，这样导致内存一直被占用，会导致内存不够用而系统崩溃。全局变量全局变量是不可回收的销毁的，所以谨慎使用，如果存入数据过大，可以再用完之后进行清空，设置为null或重新定义。循环引用js有...

var now = new Date(); var yy = now.getFullYear(); //年 var mm = now.getMonth() + 1; //月 var dd = now.getDate(); //日 var hh = now.getHours(); //时 var ii = now....

onload = function () { setHTML() // 为了在pc端更好的去调试 onresize = function () { setHTML() } function setHTML() { ...

在公共文件夹中封装@/utils/validate.jsexport function formatDate (date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length)); } let o...

一、前言学习vue的时候，对深入响应式原理模模糊糊的，现在加深一下理解。二、简述VUE响应原理。vue.js 是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。三、什么是发布-订阅者模式多个订阅者（一般是注册的函数）同时监听同一个数据对象，当这...

JavaScript数组常用方法数组所谓数组，就是一堆数据的集合（容器），里面存放各种各样的数据。var arr = ['a','b','c'];length属性可以用length属性取得数组(集合)的长度var arr = ['a','b','c'];arr.length; // 3 返回3，说明数组有三个元素数组下标数组中每个元素都有对应的标号指向它，这个标...

正则常用的一些方法1. test()regexp.test(str)作用： 检测一个字符串是否匹配某个正则。满足返回true,否则返回falsevar regexp = /^1[3-9]\d{9}$/; // 手机号正则console.log( regexp.test('13588888888') ); // trueconsole.log( regexp.test('1258888...

JavaScript字符串常用方法字符串字符串就是一个或多个排列在一起的字符，放在单引号或双引号之中。'abc'"abc"length属性js里的字符串类似于数组，都是一个一个字符拼凑在一起组成的，因此可以用length属性取得字符串的长度var str = "hello"str.length; // 5字符串常用的一些方法1. charAt()str.ch...

jQuery简介JavaScript库的概念JavaScript开发的过程中，处理浏览器的兼容很复杂而且很耗时，于是一些封装了这些操作的库应运而生。这些库还会把一些常用的代码进行封装。把一些常用到的方法写到一个单独的js文件，使用的时候直接去引用这js文件就可以了。（animate.js、common.js）常见的JavaScript 库 - jQuery、Prototype、MooToo...

一、入门方案function unique(origin) { var result = []; for(var i = 0; i &amp;amp;amp;lt; origin.length; i++) { var arrayItem = origin[i]; for(var j= 0; j&amp;amp;amp;lt; result.length; j++) { ...

JS的执行环境JavaScript是单线程,类似于一条流水线生产，只能在生产完之后，再进行加工，而不能同时进行生产和加工。单线程就意味着所有的任务都需要排队。只能在一个任务执行完成以后，再执行下一个任务，以此类推，如果期间有一个任务耗时时间比较长的话，就会阻塞后面的代码。同步和异步的区别同步 ：执行完一个任务再执行下一个，如果当前执行的任务发生问题，下面的任务不再执行。异步 ：不管程序...

面向对象编程贪食蛇总共分为三个部分：食物蛇游戏一、地图&amp;amp;amp;amp;lt;div class=&amp;amp;amp;quot;map&amp;amp;amp;quot;&amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt;/div&amp;amp;amp;amp;gt;二、食物1、封装食物对象将食物的特征全部封装起来，食物的初始坐标，宽高以及颜色

什么是WebSocket？WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。websocket弥补了HTTP不支持长连接的特点。（HTTP相关连接–&amp;amp;amp;amp;gt;后续补上）WebSocket 的特点建立在 TCP 协议之上，...

目录什么是正则表达式一、正则表达式修饰符二、正则表达式组成三、正则方法1.常用字符串方法2.正则表达式方法四、常用的正则方法大全什么是正则表达式作用：通常被用来检索、替换那些符合某个模式(规则)的文本正则表达式语法：/正则表达式主体/修饰符(可选)var t = /test/i一、正则表达式修饰符作用：把字符串中满足条件的字符串全都匹配一次修饰符描述g全局匹...

时间对象创建基于当前时间的时间对象new Date();基于传递的参数作为时间对象new Date(milliseconds); //milliseconds毫秒值new Date(datestring); //一个字符串，声明了日期，也可以同时声明时间new Date(year, month, day, hours, minutes, seconds, ms); //单...