- 博客(52)
- 收藏
- 关注
RSS订阅原创 gojs-GraphObjects构建零件
GraphObject.make是一个函数，其第一个参数必须是类类型，通常是GraphObject的子类。GraphObject.make的 其他参数可能有以下几种类型：1.具有属性/值对的纯JavaScript对象 - 在要构造的对象上设置这些属性值2.一个GraphObject，作为元素添加到正在构造的Panel中3.一个GoJS枚举值常量，用作可以接受这样一个值的正在构造的对象的唯一属性的值。
2023-07-21 14:14:15
206
原创 GoJS图表组件简介
GoJS是一个JavaScript库，可让您在现代Web浏览器中轻松创建交互式图表。GoJS支持图形模板和图形对象属性的数据绑定以模拟数据。您只需要保存和恢复模型，该模型由包含应用程序所需属性的简单JavaScript对象组成。许多预定义的工具和命令实现了大多数图表所需的标准行为。外观和行为的定制主要是设置属性的问题。
2023-07-21 10:58:37
196
原创 js 取出俩个数组中不同的元素（可用于elementUi多选功能，获取未选中的数据）
//在ElementUi的多选中，arrA为总List，arrB为已经选中的arrA中的元素；最后返回的是arrA中，未被选中的元素； getDifferentData(arrA, arrB) { return arrA.concat(arrB).filter(function (v, i, arr) { return arr.indexOf(v) === arr.lastIndexOf(v); }); },...
2022-03-25 14:44:15
555
1
原创 js使用数组中的id去匹配另外一个数组中的数据
let arr = [ { name: '张三', id: '1' }, { name: '李四', id: '2' }, { name: '王五', id: '3' }, { name: '赵六', id: '4' }, { name: '郑七', id: '5' }, { name: '吴八', id: '6' }, { name: '周九',
2022-03-25 14:17:47
2794
原创 js 根据id去寻找和id匹配的数据
let arr = [ { name: '张三', id: '1' }, { name: '李四', id: '2' }, { name: '王五', id: '3' }, { name: '赵六', id: '4' }, { name: '郑七', id: '5' }, { name: '吴八', id: '6' }, { name: '周九',
2022-03-25 14:08:58
2042
原创 js 数组去重
let arr = [ { name: '张三', id: '1' }, { name: '张三', id: '2' }, { name: '张三', id: '3' }, { name: '张三', id: '1' }, { name: '张三', id: '2' }, { name: '张三', id: '3' }, { name: '张三',
2022-03-25 14:02:33
309
原创 js对象分类
/** * receiveData 需要转换的数据 * name 数据以此属性就行分类，可自定义修改 * classificationData 用来接收分类完毕的数据 * 例子: [ {},{},{},{} ] => [ [{},{}] , [{},{}] ] */ let classificationData = Object.values( receiveData.reduce((temp, item) => { if (temp[
2021-12-14 14:18:36
1007
原创 前端获取JSON树结构某一节点的所有父节点
//此处是根据Uid查找，可以自定义！getParent(list, Uid) { for (let i in list) { if (list[i].Uid === Uid) { return [list[i]] } if (list[i].children) { let node = this.getParent(list[i].children, Uid) if (node !==
2021-08-06 17:12:53
344
原创 前端提取JSON树结构中所有节点
//提取树JSON结构中所有节点 getNode(list, newNode = []) { for (let i in list) { newNode.push(list[i]) if (list[i].children) { this.getNode(list[i].children, newNode) } } return newNode },...
2021-08-06 17:05:46
278
原创 vue报错：Non-nested routes must include a leading slash character. Fix the following routes
Non-nested routes must include a leading slash character. Fix the following routes的中文意思是（非嵌套路由必须包含前导斜杠字符）所以：你一定是没有加 ‘/’
2021-01-28 10:30:53
10153
原创 前端vin码校验
vin码校验规则请直接百度，目前各论坛只有后台的vin码验证代码，没有前端验证代码；所以：----上才艺 ↓前端vin码校验代码function vinCheck (vin){ if(vin.length!=17){ alert('vin位数错误') return false } let mapObj = { A:1, B:2, C:3, D:4, E:5, F:6, G:7, H:8, J:1,
2021-01-26 14:16:31
829
原创 BFC四步走
BFC四步走！！第一步：什么是BFC（Block Formatting Context）？BFC 翻译为 ‘块级格式化上下文’；它可以触发一个独立的容器，这个容器里面的布局和其他容器的布局或是容器外的布局互不影响，也可以理解为BFC的容器有自己的作用范围；第二步：BFC的规则是什么？1.内部的盒子会在垂直方向上一个接一个的放置2.垂直方向的距离由margin决定（同一个BFC作用范围内的俩个相邻的盒子的margin会发生重叠，与方向无关）3.每个元素的左边都会与父元素的左边相接触，包括浮动元素；
2020-12-10 17:17:22
119
原创 防抖和节流
概念：防抖：在一定的时间内，只允许函数执行最后一次或第一次；（例如有一个点击事件请求服务端数据，我以20年单身手速狂点100次，若没有设置防抖，会像服务器发起100次请求，这是万万不行的；如果设置了防抖，他哪怕点10000次，也只执行第一次或者最后一次，只请求一次接口；）节流：在一定的时间内，只允许函数执行一次；（例如有一个搜索框要实现实时搜索，若没有设置节流，搜索时每触发一次事件，就要像服务端请求一次接口，遇到手笨，或者对输入法不熟悉，或者瞎输的测试人员，那请求服务器接口的次数是恐怖如斯的；如果设
2020-12-06 10:37:45
85
原创 hasOwnProperty() 方法详解
hasOwnProperty(propertyName)方法 是用来检测属性是否为对象的自有属性，如果是，返回true，否者false; 参数propertyName指要检测的属性名；用法：object.hasOwnProperty(propertyName) // true/falsehasOwnProperty() 方法是 Object 的原型方法（也称实例方法），它定义在 Object.prototype 对象之上，所有 Object 的实例对象都会继承 hasOwnProperty() 方法
2020-12-05 13:59:34
79447
1
原创 v-if和v-show的区别
v-if 和 v-show 的区别相同点：倆者都是动态的显示DOM元素不同点：v-show 不管为true或者false,在页面初始化的时候就已经被渲染，增加初始化渲染性能，只能进行简单的display切换，适合频繁的切换效果；v-if 如果为false的时候，在初始化的时候不会被渲染；如果为true的时候才会被渲染，v-if的显示与隐藏是重建与销毁的过程，切换消耗较高，适合较少切换效果；...
2020-12-03 15:04:13
99
原创 js类型检测
js类型检测基础类型：undefined null String Number boolean Symbol复杂类型：Object类型检测方法：1 typeof 能检测除了null以外的所有基础类型和function2 instanceof 是用来判断俩者否为实例关系，建议检测Object类型那么 function 可以用 typeof 检测，Object 可以用 instanceof 检测，Array怎么办？别急，ES5 提供了 Array.isArray() 方法；
2020-12-03 13:42:41
81
原创 ES6Class
JavaScript中，要生成对象实例，传统方法是使用构造函数；ES6提供了Class,通过Class关键字，就可以定义类；使用Class定义的类的大部分功能，ES5都可以做到；所以Class定义的类，只是让原型的写法更加清晰易懂，更加符合面向对象编程的语法；举个栗子：//ES5的写法function Home(name , age) { this.name = name; this.age = age;}Home.prototype.toString = function() { retu
2020-11-09 13:42:19
123
1
原创 js最常用的数组方法
一：从数组的首端到或尾端添加删除元素的方法（队列）1 、push()；从数组尾部添加元素2、pop()；从数组尾部删除元素3 、unshift()；从数组首部添加元素4、shift()；从数组首部删除元素注意：以上四个方法都会改变原数组，并且从首部操作数组会增加消耗（索引重排）二：其他方法添加删除元素的方法1 、splice(pos , deleteCount , items)；从pos开始删除deleteCount 个元素，并且插入items（新元素）2 、slice(start , en
2020-10-13 18:04:06
2408
原创 filter()和match()实现纯前端模糊匹配
/* query:模糊匹配的字段 name:在JSON中与query匹配的字段 jsonData:JSON needData:在jsonData:JSON中与query匹配出来的JSON*/ let query = 1; let needData = []; let jsonData = [ { name:' 张睿 ', id:1 }, { name:' 李爽 ', id:2
2020-08-04 15:30:55
984
原创 element-ui 表单校验
一：最普通的验证HTML<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm" > <el-form-item label="名称：" prop="name"> <el-input v-model="ruleForm.name" ><
2020-08-04 15:13:19
273
原创 PS 抠图
PS 抠图第一步 使用快速选择工具把需要扣图部分的背景大致选住，右键 选择反向第二步 点击顶部选择，选择并遮住第三步： 选择左边工具栏的 调整边缘画笔工具 对细节部分进行打磨，打磨完毕后 点击右下角的确认第四步：Ctrl+J 傻瓜步法：新建一透明图层，拖过去 保存 抠图完毕！...
2020-06-24 14:57:53
475
1
原创 构造函数的属性和方法
一、构造函数内定义的属性/方法function Fn(name){ this.name=name;};var a = new Fn('张三');var b = new Fn('李四');console.log(a.name)//张三console.log(b.name)//李四可以看出：构造函数内定义的属性/方法，对实例来说是不共享的，每一个实例都有各自的一份。互不影响！！二、被继承的原型对象中属性/方法function Fn(name){ this.name=name;};
2020-06-20 15:42:25
1322
1
原创 JavaScript 执行机制
JavaScript 执行机制javascript是单线程的，javascript是单线程这一核心不会改变。一切javascript版的"多线程"都是基于单线程模拟出来的；由于单线程，所以javascript任务得一个一个执行（执行完一个然后去执行下一个），那么问题来了，如果一个任务执行需要很长很长的时间，那么下一个任务便会无休止的等待下去（页面卡死）；这样是不切合实际的；为了解决这一问题， 同步任务&异步任务 出现了；一、同步任务后一个任务等待前一个任务结束，然后再执行，程序的执行顺序与任
2020-06-17 17:25:49
183
原创 Javascript的继承机制
一：在构造函数里面的属性和方法是不通过实例共享的; function A() { this.name = "睿睿", this.fn=function(){ console.log(this.name) } } var a = new A(); var b = new A(); //通过实例a修改构造函数本身的属性name值 a.name = "瑞瑞"; //发现只有实例a的name值发生变
2020-05-28 11:23:52
215
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人