- 博客(10)
- 资源 (2)
- 收藏
- 关注
原创 Echarts中使用多个立即执行函数添加Echarts实例,并分别设置图表自适应,只能生效最后一个解决办法
问题描述:当使用官网推荐的自适应方法,让图表自适应时:此时发现,只有最后一个添加过次方法的图表会生效原因:使用 window.onresize() 方法添加事件时,只能添加一个事件,而且是最后一个事件。而使用 addEventListener() 方法可以添加多个事件解决方法:使用 addEventListener() 此时可以两个图表都可以自适应了。...
2022-01-03 21:38:17
619
原创 js数组遍历方式和性能对比
方法有:普通for循环,优化普通for循环forEachforEach变种forin循环map遍历forof遍历(需要ES6支持)for循环优化:for(j = 0,len=arr.length; j < len; j++) { }使用临时变量,将长度缓存起来,避免重复获取数组长度,当数组较大时优化效果才会比较明显。这种方法基本上是所有循环遍历方法中性能最高的一种forEach变种Array.prototype.forEach.call(arr,function(e
2021-12-21 19:51:55
293
原创 标准盒模型和怪异盒模型的区别
盒模型一共有两种模式:W3C标准模式和IE怪异模式一、标准盒子模型可以看到,在标准盒模型下,width和height是内容区域即content的width和height。在标准模式下,一个块的总宽度= width + margin(左右) + padding(左右) + border(左右)二、IE盒子模型而IE盒模型或怪异盒模型显而易见的区别就是,width和height除了content区域外,还包含padding和border。一个块的总宽度= width + margin(左右)(即
2021-12-21 19:27:21
4698
原创 深拷贝与浅拷贝
concat方法与slice方法这两个方法实际上返回的是一个浅拷贝的结果。concatvar arr3 = [{name:'xiaobai',age:18},10];var arr4 = [1,2,3];arr5 = arr3.concat(arr4);//更改arr3 中索引值为 0 的对象的属性arr3[0].name = '小白';console.log(arr5);//输出结果:[{name:'小白',age:18}, 10, 1, 2, 3]slice
2021-12-17 21:16:13
96
转载 setTimeout与循环闭包
setTimeout 与 闭包为什么会打印数字7呢?每一个setTimeout在执行时,会返回一个唯一ID,上图中的数字7,就是这个唯一ID。我们在使用时,常常会使用一个变量将这个唯一ID保存起来,用以传入clearTimeout,清除定时器。setTimeout 与 闭包思考:下面的输出是什么?for (var i = 1; i <= 5; i++) { setTimeout(function timer() { conso..
2021-12-10 10:41:28
276
原创 记录一次在React脚手架中使用setTimeout会导致输出两次console.log
const task = []; function output(i) { return new Promise((resolve) => { setTimeout(() => { console.log(i, Math.random()); resolve(); }, i * 1000); }); } for (var i = 0; i < 5; i++) { task.push(output(.
2021-12-09 21:00:49
973
原创 A*算法总结
1.设置一个move值G和一个曼哈顿值H,和他两的和F2.设置一个hashset用来存储已经判断过的点,和一个优先队列que=PriorityQueue3.设置一个存储父元素的字典parent={},4.寻路: 将star存入hashset中;当que不为空的时候循环: 从que中取最小的值curr 当curr !=end时循环: 遍历curr的邻居: ...
2021-06-29 02:41:41
508
acm练习题大数计算,运用ASCII码解决进位问题.c
2020-08-13
acm练习题基础:标题统计.c
2020-08-13
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人