
js
文章平均质量分 57
小阮的学习笔记
这个作者很懒,什么都没留下…
展开
-
使用Vue-PDF实现预览、翻页、放大缩小、侧边栏预览
使用vue-pdf实现pdf预览、翻页、侧边栏预览、放大缩小、禁止下载和打印(并有下载打印的实现方式)原创 2023-04-13 17:04:50 · 3977 阅读 · 0 评论 -
AntV-G6手动添加节点和边,实现拓扑图的可视化展示
g6手动添加节点和边,修改节点和边信息,获取拓扑图节点和边信息原创 2023-03-27 17:55:42 · 4948 阅读 · 4 评论 -
Vue3+ElementPlus实现Table表格的行合并(单个及多个)
elementPlus表格列的行合并原创 2023-02-23 17:43:48 · 5570 阅读 · 0 评论 -
antv-g6实现拓扑图可视化展示,动态修改数据
antv g6 拓扑图可视化 动态数据修改 自定义节点边 动画原创 2022-02-23 18:18:48 · 9308 阅读 · 7 评论 -
d3实现网络拓扑图可视化展示,动态修改数据
d3.js 拓扑关系图 可视化 动态修改数据 动画原创 2022-02-23 15:52:55 · 4684 阅读 · 0 评论 -
探索JS数值
参考文章网道-数值整数和浮点数JavaScript 内部,所有数字都是以64位浮点数形式储存,即使整数也是如此。所以,1与1.0是相同的,是同一个数。1 === 1.0 // true但是浮点数不是精确的值,运算要注意0.1 + 0.2 === 0.3 // false0.1 + 0.2 //0.300000000000000040.3 / 0.1 // 2.9999999999999996parseFloat((0.1+0.2).toFixed(10))===0.3 //t.原创 2020-12-17 15:30:52 · 172 阅读 · 0 评论 -
vue用户登录之后每隔30s验证
需求: 当用户登录之后,我们可能需要每隔N秒,会去请求一下接口,去判断登录状态变化。这里肯定要用到全局路由守卫router.beforeEach,登录之后路由跳转,开启定时器。import userLoginState from './userLoginState';router.beforeEach((to, from, next) => { if (to.name !== 'signIn' && to.meta.auth) { userLoginS原创 2020-10-19 16:53:01 · 421 阅读 · 0 评论 -
elementUI级联选择器Cascader,删除tag存在的问题
elementUI级联选择器Cascader,删除tag存在的问题 <div class="address-choose"> <div class="card-show"> <el-button class="tags" v-for="(item,index) in cityShowList" :key="index"原创 2020-09-17 17:15:19 · 4725 阅读 · 0 评论 -
js一行代码实现回到顶部滚动(带过渡效果)
//html//锚点<div class="title" id="#title">锚点</div>//跳转<div @click="scollTo()"></div>//jsscollTo() { document.querySelector('#title').scrollIntoView({ behavior:'smooth', block:'start' });},详情MDN...原创 2020-08-30 15:43:53 · 656 阅读 · 0 评论 -
js数组对象的浅拷贝和深拷贝
JS的深浅拷贝原创 2020-06-20 11:23:54 · 253 阅读 · 1 评论 -
apply/call/bind的用法及区别
每个函数都包含两个非继承而来的方法:call()和apply();在JavaScript中,call和apply作用是一样的,都是为了改变某个函数运行时的上下文(context)而存在的,换句话说,就是为了改变函数体内部this的指向。bind()方法会创建一个新函数,称为绑定函数,当调用这个绑定函数时,绑定函数会以创建它时传入 bind()方法的第一个参数作为 this,传入 bind() 方法的第二个以及以后的参数加上绑定函数运行时本身的参数按照顺序作为原函数的参数来调用原函数。apply/cal原创 2020-06-15 17:44:57 · 418 阅读 · 0 评论 -
es6数组和对象常用方法
数组forEach() 方法对数组的每个元素执行一次给定的函数。var arr = [1, 2, 3]arr.forEach((value, index) => { console.log('数组值:' + value); console.log('数组索引:' + index);})map() 方法创建一个新数组,其结果是该数组中的每个元素都调用一次提供的函数后的返回值。var arr = [1, 2, 3]var arr1 = arr.map((value, in原创 2020-06-14 17:00:57 · 836 阅读 · 0 评论 -
原生js实现瀑布流思想
/ 遍历第一排不需要定位。// 求出数组最小值。原创 2020-04-10 17:44:21 · 146 阅读 · 0 评论 -
防抖与节流的多个实现
防抖:事件在n秒内执行一次,若再次触发则重新计算时间,常用在input即时搜索。节流:事件在n秒内只执行一次,不管怎么再次触发,也只执行一次,常用在点击按钮。 let content = document.getElementById('content'); function count() { content.innerHTML = num++; }防抖事件触发后...原创 2020-04-11 17:31:16 · 186 阅读 · 1 评论 -
实现数组扁平化的多种方法(去重和排序)
方法一:使用es6中的Array.prototype.flat处理let arr = [1, 2, 3, [7, 6], [5, 4, [3, 1, [9, 10, 11]], [1, 2, 8] ], 2, 3];let arr1 = arr.flat(Infinity);// 去重arr1 = [...new Set(arr1)];// arr1 = Array...原创 2020-04-18 11:29:10 · 578 阅读 · 0 评论 -
js的三大排序算法
冒泡排序思路:从第一项开始,与它后面的每一项进行比较,如果大于后面的项,则交换位置。let arr = [12, 8, 24, 16, 1];function bubbleSort(arr) { let temp = null for (let i = 0; i < arr.length - 1; i++) { for (let j = i + 1; j <...原创 2020-04-26 16:20:04 · 328 阅读 · 0 评论 -
关于js继承的方法
通过es6实现继承// es6继承class Animal { constructor(name, age) { this.name = name this.age = age } eat() { console.log('eat'); }}class Dog extends Animal { constructor(name, age, food) { super(name, age) //相当于调用了父构造函数,必须在 this.food =原创 2020-06-13 21:20:34 · 142 阅读 · 0 评论