1.以下代码执行的结果 1 2 3 4 5 for(var i=0;i<3;++i){     setTimeout(function(){         console.log(i)；     },100); } 0，1，2 1，2，3 3，3，3 0，0，0 解析：每次for循环的时候setTimeout都会执行，因为setTimeout是异步函数，里面的function则不会立即执行，而是会被放入任务队列，因此放了3次；for循环的3次执行完之后,，i变为3，

今天想要讨论的是如何实现上图的效果？ 已有的条件是一个含有200个十六进制的颜色数组。 思考分析： 1、首先可以确定的是这些色块应该是由Canvas画在一块画布上的，因为如果是由div一个个渲染，那么渲染开销就会很大。 2、当我们没有一点Canvas基础时，首先看到的是这些不同的色块都是由一个个规则的正方形组成。所以，这时我们也就有了方向，那就是如何使用Canvas画正方形？ 3、通过简单了解，canvas标签中可以通过width和height设置画布大小，给画布设置id属性，以便于

一、.存储上的区别 1.基本数据类型是存放在栈中的简单数据段。 2.引用数据类型是存放在堆内存中的对象，在栈内存中存放的是堆内存中具体内容的引用地址，通过这个地址可以快速查找到对象。 二、比较上的区别 1.基本数据类型的比较是值的比较 var a = '{}' var b = '{}' console.log(a == b) //true 直接比较值，看起来一样那么他就是一样的。 2.引用类型的比较是引用的比较 var a = {} var b = {} console.

前言 不知道今年大家有没有感受到来自互联网的“寒气”，至少我是感受到了，面试的时候手写代码时很常见很常见的事情了。有时候没遇到过还真一时半会写不出来，企业招聘的要求也是越来越高，尤其是一些大厂会对 JS 的功底有着更加苛刻的要求，所以学会手写常见的 JS 模块好像已经快变为一个基本技能了，也慢慢变为我们手写 webpack 手写 mini-vue 的一个 coding 基础 了。当然我们也不完全是为了去准备面试而去学习这些常见模块。死磕这些难啃的骨头之后，你会从中学到很多优秀的思想，对你的职

目录 1、地图设置背景图片 2、地图外部多层轮廓线 3、地图海岸线 4、地图中高亮显示有数据的城市 5、滚动高亮轮播 1、地图设置背景图片 // data domImg: require('@/assets/images/largescreen/nation/map_bg.png'), // js 渲染地图之前 var domImg = document.createElement("img"); domImg.style.height = domImg.hei

对象-基础类型转换 当我们在对象上使用数学运算符时会发生什么？例如obj1 + obj2，亦或者使用console.log(obj)会输出什么内容？这操作的结果都取决于对象-基础类型转换的结果。 本文目的： 了解对象参与数学运算时发生了什么； 了解对象数学运算的例外情况并利用； 写在前面 在无所不能的C++中，我们能够通过一种非常BUG的方式（运算符重载）自定义对象的各种运算符功能。遗憾的是JavaScript不支持自定义运算符实现对象运算，在参与运算时，对象会被隐式

关于echarts的y轴x轴刻度不等分,不等距的设置法 前言 初衷是工作需要,同时用于记录一些心得(第一次写博客，写的不好请多见谅，ps:写这个是因为自己百度没找到，所有花了点时间做出来后分享给大家。) 提示：以下是本篇文章正文内容，下面案例可供参考 一、echarts echarts图标是我们比较常用的，功能十分的强大并且便捷，当然，与自由度相对等的就是庞大的属性，这篇文章只是帮您节省一点时间。 二、关于坐标轴（y,x）不等距不等分的方法 在这里，我本人认为存在多种方法(

目录 运算符 扩展运算符 指数运算符 链判断运算符 Null判断运算符 逻辑赋值运算符 数组扩展方法 Array.from() Array.of() copyWithin() find() fill() flat() 运算符 扩展运算符 扩展运算符是三个点(...)，和rest参数的逆运算一样，将一个数组转为用逗号分隔的参数序列。 <script> // ... 扩展运算符能将 数组 转换为逗号分隔的 参数序列 const boys

目录 Class类 初识class class中getter和setter设置 表达式方式书写 静态属性与静态方法 私有属性和私有方法 class继承 静态属性和方法继承 私有属性和方法继承 class显示原型与隐式原型关系 Class类 ES6提供了更接近传统语言的写法，引入了Class(类)这个概念，作为对象的模板。通过class关键字，可以定义类。基本上，ES6的class可以看作只是一个语法糖，它的绝大部分功能，ES5都可以做到，新的class写法只是让对象原型

第一种方法：  window.scrollTo(x-coord,y-coord ) x-coord 是文档中的横轴坐标。 y-coord 是文档中的纵轴坐标。 更多详细内容 Window.scrollTo() - Web API 接口参考 | MDN (mozilla.org)https://developer.mozilla.org/zh-CN/docs/Web/API/Window/scrollTo第二种方法 document.getElementById(`idname`)

　　JavaScript 如何实现阻断执行？ 　　方法一：break 　　· 可以打断for循环 　　方法二：return 前端学习教程 　　· 后面的代码不再执行 　　方法三：continue 　　· 结束本次循环直接开始下一次循环 　　· 结果输出如下： 　　方法四：逻辑操作符||(或者) 　　· 从左往右开始识别如果第一个就是 true 那就不会再往后识别 直接把第一个的值作为结果返回 　　方法五：default 　　· 前面的条件都不满足的时候执

边看边学边记录系列，正好到 Vue3 了今天就和大家一起学习并记录一下 Vue3 的Composition API(组合式API) 中是如何全用使用 Axios 的！   目录 一、回顾 Vue2 的全局引用方式   1. 简单项目的全局引用 2. 复杂项目的三步封装 二、Vue3 中的使用  1. provide/inject 方式 2. getCurrentInstance 组合式API引入     一、回顾 Vue2 的全局引用方式   1. 简单项