![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
文章平均质量分 71
ZjSj0812
这个作者很懒,什么都没留下…
展开
-
vue3.0 composition api
文章目录简单demosetup参数setup生命周期响应式APIreactivereftoRefs与toRefcomputedwatch在vue2中如果新增一个功能,需要在data中添加数据,在methods或computed或watch中添加逻辑,那么数据与业务逻辑是分散的。这种碎片化使得理解和维护复杂组件变得困难。选项的分离掩盖了潜在的逻辑问题。此外,在处理单个逻辑关注点时,我们必须不断地“跳转”相关代码的选项块。如果我们能够将与同一个逻辑关注点相关的代码配置在一起会更好。而这正是组合式 API原创 2021-03-26 16:45:30 · 331 阅读 · 0 评论 -
基于G6的流程图绘制
最近项目中,有一个功能为流程图绘制,且需要根据当前以走到的流程在流程图中进行高亮。一开始是基于cavans进行绘制,但是由于绘制路线太多,计算点太多,最终放弃,选择基于g6重新进行了流程图绘制,该文章主要针对流程图模块,进行G6一些配置项的说明。安装: npm install --save @antv/g6引用: import G6 from '@antv/g6'简单demodata() { return { nodes: [{ id:原创 2021-03-22 17:42:32 · 2284 阅读 · 0 评论 -
js中的继承方式
文章目录原型链继承盗用构造函数组合继承(结合原型链和盗用构造函数)js中继承的实现主要是通过原型链实现的,下面就一起来一下实现继承的方式吧~原型链继承将父类的实例作为子类的原型实现继承 function SuperType(){ this.property = true; } SuperType.prototype.getSuperValue = function(){ console.log(this.property); } fu原创 2020-12-02 15:28:15 · 114 阅读 · 0 评论 -
TypeScript入门学习
文章目录强类型与弱类型,静态类型与动态类型Flow静态类型检查方案什么是flow?安装使用flowTypeScript语言规范与基本应用强类型与弱类型,静态类型与动态类型强类型语言: 总是强制类型定义的语言,要求变量的使用要严格符合定义,所有变量都必须先定义后使用。也就是说,一旦一个变量被指定了某个数据类型,如果不经过强制转换,那么它就永远是这个数据类型了弱类型语言:与强类型定义语言相反, 弱类型的语言的东西没有明显的类型,他能随着环境的不同,自动变换类型一般来说:强类型偏向于不容忍隐式类型转换原创 2020-09-29 17:48:50 · 170 阅读 · 0 评论 -
JS的异步编程
文章目录同步与异步模式事件循环与消息队列异步编程的几种方式Promise的异步方案,宏任务/微任务Generator异步方案Async/Await语法糖同步与异步模式事件循环与消息队列异步编程的几种方式Promise的异步方案,宏任务/微任务Generator异步方案Async/Await语法糖...原创 2020-09-27 11:18:20 · 176 阅读 · 0 评论 -
ES6常见新特性总结
文章目录Object.assginObject.isproxyReflectpromiseclassObject.assgin【ES6学习笔记之】Object.assign()用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。使用方法:Object.assign(target, ...sources)使用场景:对象合并,为属性指定默认值,以下是为属性指定默认值的一个democonst DEFAULTS = { logLevel: 0, outputForma原创 2020-09-18 15:32:38 · 210 阅读 · 0 评论 -
js使用filter递归过滤树形结构数组
对树结构的数组进行数据过滤还是很常见的一种数据处理,这里进行一下记录以便以后使用// 菜单列表const menuList = [{ name: '系统管理', code: 'system_manage', children: [{ name: '用户管理', code: 'user_manage', children: [{ name: '添加用户', code: 'add_user转载 2020-09-16 14:48:13 · 3420 阅读 · 1 评论 -
JS数组常用方法
push作用:给数组末尾添加一项返回值:数组的最新长度原数组发生改变var a = [2,3,4];var b = a.push(5);console.log(a); //[2,3,4,5]console.log(b); //4pop作用:删除数组最后一项返回值:被删除的内容原数组发生改变var arr = [2,3,4];console.log(arr.pop()); //4console.log(arr); //[2,3]unshift作用..原创 2020-07-12 00:02:26 · 104 阅读 · 0 评论 -
JS算法
文章目录排序冒泡排序快速排序插入排序斐波那契数列排序冒泡排序原理:从第一个元素开始,把当前元素与下一个元素进行比较,如果当前元素大于下一个元素,那么对两个元素进行位置交换,一直到最后一个元素,第一轮比较结束,此时最后元素即为数组中的最大值;之后再重复上述操作,由于此时最后一个元素已经是最大的元素,因此不需要比较最后一个元素,以此类推,直到比较结束,代码如下:function sort(ary){ let len = ary.length; for (let i=0; i<len;原创 2020-07-09 22:52:29 · 258 阅读 · 0 评论 -
Iterrator与Generator
文章目录Iterrator什么是Iterrator接口工作原理Iterrator的基本用法给对象添加Interator接口Generator基本概念next函数的用法yield*的语法Iterrator什么是Iterrator接口Symbol.iterator属性本身是一个函数可以为各种不同的数据结构提供统一的访问机制该接口主要供for…of来进行使用,即可以使用for…of进行遍历的就会具有Iterrator接口工作原理Iterator的遍历过程是这样的:创建一个指针对象,指向当前数原创 2020-07-01 15:51:07 · 235 阅读 · 0 评论 -
js获取各种高度
1、屏幕的宽高window.screen.height; window.screen.width;2、屏幕工作区宽高 window.screen.availHeight; window.screen.availHeight;3.网页可见区域的高度和宽度(不含边线)document.body.clientWidth; document.body.clientHeight4、网页可见区域的高度和宽度(含边线)document.body.offsetWid...原创 2020-06-24 09:54:14 · 178 阅读 · 0 评论 -
js重写jquery中常见方法
/** * Created by jie on 2016/6/28. */var utils = (function () { var flag = "getComputedStyle" in window; function rnd(n, m) { n = Number(n); m = Number(m); if (isNaN(n) || isNaN(m)) { return Math.random(); .原创 2020-06-19 16:29:38 · 901 阅读 · 0 评论