自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

原创 js 对象

文章目录一、什么是对象?二、创建对象三、数据属性四、操作对象五、对象迭代一、什么是对象?1. 对象就是一个无序集合2. 一个属性包含一个名和一个值。一个属性的值可以是原始数据类型也可以是引用数据类型,如果是函数这种情况下属性也被称为方法3. 对象的每个属性或方法都由一个名称来标识,由属性名来称映射到一个值二、创建对象1. 通过new和字面量创建对象,两种写法是等价的 // new 运算符是创建一个自定义对象 const obj = new Object() // 字面量定义对象

2021-12-12 03:22:29 619

原创 迭代器和生成器

参考高级程序设计4迭代器for循环是一种最简单的迭代,循环是迭代机制的基础,循环可以指定迭代的次数,迭代在一个有序集合上进行,如数组。数组有已知长度且可以通过索引获取,所以在循环的时候可以通过递增的方式来遍历,这种几个原因循环来执行例程并不理想。迭代之前需要知道数据结构,取值的时候只能通过[]来获取,这种方式并不适合所有的数据结构遍历顺序并不是数据结构固有的,并不适合其他具有隐式顺序的数据结构es5新增高阶函数forEach就是为了解决这个问题而诞生的,但是它不能识别何时终止迭代迭代器模式

2021-12-05 03:06:53 1061

原创 js this指向

4种调用方式this具体干了什么this是为了得到当前的执行环境,在什么执行环境中运行就指向哪里。由于函数可以在不同的运行环境执行,所以需要有一种机制,能够在函数体内部获得当前的运行环境(context)。所以,this 就出现了,它的设计目的就是在函数体内部,指代函数当前的运行环境。在es5种this有四种指向第一种、// 默认调用:指向windowvar f = function () {};var obj = { f: f };// 单独执行f()// obj 环境执行o

2021-10-18 21:06:52 70

原创 TypeScript学习笔记

第一步 全局下载typescript第二步 tsc --init 创建tsconfig.json,在文件里面将outDir注释解开第三步 vs code中,在终端里面监视tsconfig.json文件,就可以自动编译了数据类型// 原始数据类型,定义数据类型之后数据类型就不能发生改变, 除非在定义的时候生成多个var sum:number = 1243 // 数组let arr:Array<number> = [123, 123];let arr2:number[] = [66

2021-08-30 13:34:37 102

原创 js变量提升

什么是变量提升使用var声明变量,在作用域中会被放到最顶层,不论在全局作用域还是在局部作用域中,在代码执行的时候在哪里都可以拿到变量,而且不会报错,这种现象叫做提升。 var a = 1; // 解析过程 var a a = 1 //如果我在var a之前打印console.log(a) undefined const fn = function () { console.log(a) // undefined var a = 2; }; fn();

2021-08-04 18:37:29 57

原创 原始数据和引用数据在传参时有什么区别

参数传递给函数时,参数被复制到一个局部变量中(也就是arguments中)如果参数是对象的话,把引用复制到arguments中const obj = { x: 1, z: 2 };function fn (opt) { opt.x = 3} fn(obj) console.log(obj.x) //3可以看到我在函数内部改变了obj,函数外打印时obj.x是3,因为引用被复制到了arguments中,引用指向的还是堆内存obj,所以opt的属性x改变了,obj.x也跟着改

2021-07-30 11:11:49 164

原创 随机显示数组中的值

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...

2019-12-03 14:18:53 169

原创 如何使用setTimeout实现setInterval效果

var Timer = '', sum = 0; function fn () { fn2() } function fn2 () { Timer = setTimeout(function () { sum++ ...

2019-12-02 18:36:09 1318

原创 iview Modal对话框,点击确定阻止Modal隐藏

点击确定时对话框自动隐藏,当时的需求是点击确定时要校验对话框中的内容,在网上找了一些方法,但是满足不了我的需求mounted () { this.$refs.modal.visible = true},// 这种方法点击确定确实不吟唱了,但是点击叉号也隐藏不了啊<Modal class="modal-mask" v-model="modalShow" re...

2019-11-27 18:05:31 1411

原创 Echarts去掉markLine线

最近有个需求,要求有数据时显示markLine,没数据就隐藏,在官方文档找了一下,label:{show: false}。markLine: { data: [{ yAxis: this.baseQualityRatio}], lineStyle: { color: '#FF7F24' }, label: { position: 'middle', formatter:...

2019-08-22 12:05:10 3448 1

原创 js 实现span点击倒计时

不说废话,上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-e...

2019-08-21 18:40:51 632

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除