JavaScript基础09-day11【原型对象、toString()、垃圾回收、数组、数组字面量、数组方法】

小鱼儿 2023-01-07 08:51 87阅读 0赞

> **学习地址：**
> 
> 1.  [谷粒学院——尚硅谷][Link 1]
> 2.  [哔哩哔哩网站——尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通)][JavaScript_140_JS]
> 
> --------------------
> 
> [JavaScript基础、高级学习笔记汇总表【尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通)】][JavaScript_JavaScript_140_JS]

***目   录***

P65 65.尚硅谷\_JS基础\_.构造函数修改 10:29

P66 66.尚硅谷\_JS基础\_原型对象 20:43

原型 prototype

向原型中添加属性

向原型中添加方法

P67 67.尚硅谷\_JS基础\_原型对象 11:16

使用“in”检查对象中是否含有某个属性

P68 68.尚硅谷\_JS基础\_toString() 11:33

对象.toString()

修改原型的toString

P69 69.尚硅谷\_JS基础\_垃圾回收 09:19

垃圾回收（GC）garbage collection

P70 70.尚硅谷\_JS基础\_数组简介 24:46

对象的分类

数组（Array）

向数组中添加元素

查找数组中的元素

获取数组长度

修改数组长度

向数组的最后一个位置添加元素

P71 71.尚硅谷\_JS基础\_数组字面量 14:19

使用“字面量”创建数组

数组中的元素可以是任意的数据类型！

P72 72.尚硅谷\_JS基础\_数组的四个方法 13:45

Array 对象属性

Array 对象方法

1、push()

2、pop()

3、unshift()

4、shift()

P73 73.尚硅谷\_JS基础\_数组的遍历 13:45

小练习

P74 74.尚硅谷\_JS基础\_数组练习 04:52

P75 75.尚硅谷\_JS基础\_forEach 13:15

P76 76.尚硅谷\_JS基础\_slice和splice 18:25

slice()

splice()

P77 77.尚硅谷\_JS基础\_数组去重练习 13:34

--------------------

# P65 65.尚硅谷\_JS基础\_.构造函数修改 10:29 #

> ![20210116152029806.png][]

> 创建一个Person构造函数。在Person构造函数中，为每一个对象都添加了一个sayName方法。
> 
> 目前我们的方法是在构造函数内部创建的，也就是构造函数每执行一次就会创建一个新的sayName方法，也是所有实例的sayName都是唯一的。
> 
> ![20210116152707687.png][]
> 
> 这样就导致了构造函数执行一次就会创建一个新的方法，执行10000次就会创建10000个新的方法，而10000个方法都是一摸一样的。
> 
> 这是完全没有必要，完全可以使所有的对象共享同一个方法。
> 
> ![20210116153343744.png][]

# P66 66.尚硅谷\_JS基础\_原型对象 20:43 #

> 如果写在Person对象里面，每次new Person，都会创建sayName方法对象，浪费内存。但是如果放在外面，sayName()就属于Window对象，调所有对象里的sayName都是调用的外部Window对象中的sayName。好处：易维护，如果两个构造函数拥有同一个函数功能就可以单独拿出来写，不用每次修改功能都每个地方改一下。

> 将函数定义在全局作用域，污染了全局作用域的命名空间，而且定义在全局作用域中也很不安全。
> 
> ![20210116154301373.png][]

## 原型 prototype ##

> ![20210116154429578.png][]

> 我们所创建的每一个函数，解析器都会向函数中添加一个属性prototype。这个属性对应着一个对象，这个对象就是我们所谓的原型对象。
> 
> ![20210116155000379.png][]

> 如果函数作为普通函数调用prototype没有任何作用，当函数以构造函数的形式调用时，它所创建的对象中都会有一个隐含的属性，指向该构造函数的原型对象，我们可以通过\_\_proto\_\_来访问该属性。
> 
> ![2021011616011514.png][]
> 
> ![20210116160258202.png][]

> 原型对象就相当于一个公共的区域，所有同一个类的实例都可以访问到这个原型对象，我们可以将对象中共有的内容，统一设置到原型对象中。
> 
> ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70][]

### 向原型中添加属性 ###

> ![20210116165012652.png][]
> 
> 当我们访问对象的一个属性或方法时，它会先在对象自身中寻找，如果有则直接使用，如果没有则会去原型对象中寻找，如果找到则直接使用。
> 
> ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 1][]

### 向原型中添加方法 ###

> 以后我们创建构造函数时，可以将这些对象共有的属性和方法，统一添加到构造函数的原型对象中。
> 
> 这样不用分别为每一个对象添加共有的属性和方法，也不会影响到全局作用域，就可以使每个对象都具有这些属性和方法了。
> 
> ![20210116165916933.png][]
> 
> ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 2][]

# P67 67.尚硅谷\_JS基础\_原型对象 11:16 #

## 使用“in”检查对象中是否含有某个属性 ##

> ![20210116172010953.png][]

> 原型对象也是对象，所以它也有原型。  
>    当我们使用一个对象的属性或方法时，会现在自身中寻找，  
>       自身中如果有，则直接使用，  
>       如果没有则去原型对象中寻找，如果原型对象中有，则使用，  
>       如果没有则去原型的原型中寻找，直到找到Object对象的原型，  
>       Object对象的原型没有原型，如果在Object原型中依然没有找到，则返回undefined。
> 
> ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 3][]

# P68 68.尚硅谷\_JS基础\_toString() 11:33 #

> ![20210116173031420.png][]
> 
> ![20210116173338439.png][]

## 对象.toString() ##

> 当我们直接在页面中打印一个对象时，事件上是输出的对象的toString()方法的返回值。
> 
> ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 4][]
> 
> ![2021011618171021.png][]

## 修改原型的toString ##

> 当我们直接在页面中打印一个对象时，实际上是输出的对象的toString()方法的返回值。
> 
> 如果我们希望在输出对象时不输出“\[object Object\]”，可以为对象添加一个toString()方法。
> 
> ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 5][]
> 
> ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 6][]
> 
> ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 7][]

# P69 69.尚硅谷\_JS基础\_垃圾回收 09:19 #

## 垃圾回收（GC）garbage collection ##

> 垃圾回收（GC）：就像人生活的时间长了会产生垃圾一样，程序运行过程中也会产生垃圾。
> 
> 这些垃圾积攒过多以后，会导致程序运行的速度过慢，所以我们需要一个垃圾回收的机制，来处理程序运行过程中产生垃圾。
> 
> 当一个对象没有任何的变量或属性对它进行引用，此时我们将永远无法操作该对象，此时这种对象就是一个垃圾，这种对象过多会占用大量的内存空间，导致程序运行变慢，所以这种垃圾必须进行清理。
> 
> 在JS中拥有自动的垃圾回收机制，会自动将这些垃圾对象从内存中销毁，我们不需要也不能进行垃圾回收的操作，我们需要做的只是要将不再使用的对象设置null即可。
> 
> ![20210116205642430.png][]

# P70 70.尚硅谷\_JS基础\_数组简介 24:46 #

## 对象的分类 ##

> 对象分为3种：
> 
> 1.  内建对象
> 2.  宿主对象
> 3.  自定义对象

## 数组（Array） ##

> 数组（Array）
> 
> 1.  数组也是一个对象。
> 2.  它和我们普通对象功能类似，也是用来存储一些值的。
> 3.  不同的是普通对象是使用字符串作为属性名的，而数组是使用数字来作为索引操作元素。
> 4.  索引：从0开始的整数就是索引。
> 5.  数组的存储性能比普通对象要好，在开发中我们经常使用数组来存储一些数据。

> ![20210116210750504.png][]
> 
> ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 8][]

### 向数组中添加元素 ###

> ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 9][]

### 查找数组中的元素 ###

> ![20210116212304156.png][]

> ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 10][]

### 获取数组长度 ###

> 获取数组的长度，可以使用length属性来获取数组的长度(元素的个数)。  
> 语法：数组.length
> 
>  *  对于连续的数组，使用length可以获取到数组的长度（元素的个数）。
>  *  对于非连续的数组，使用length会获取到数组的最大的索引+1，尽量不要创建非连续的数组。
> 
> ![20210116212430891.png][]

### 修改数组长度 ###

> 修改length：如果修改的length大于原长度，则多出部分会空出来，如果修改的length小于原长度，则多出的元素会被删除。
> 
> ![20210116212941390.png][]

### 向数组的最后一个位置添加元素 ###

> 向数组的最后一个位置添加元素。语法：数组\[数组.length\] = 值;
> 
> ![2021011621320972.png][]

# P71 71.尚硅谷\_JS基础\_数组字面量 14:19 #

> ![20210116213506910.png][]

## 使用“字面量”创建数组 ##

> 与var arr = new Array();创建数组的方式一样，但\[\]更加简单、方便。
> 
> ![20210116213716614.png][]
> 
> ![20210116214652584.png][]
> 
> ![20210116214807741.png][]

## 数组中的元素可以是任意的数据类型！ ##

> ![20210116215346958.png][]

> ![20210116215550771.png][]

> ![20210116220014294.png][]
> 
> ![20210116220503869.png][]
> 
> ![20210116220631160.png][]

# P72 72.尚硅谷\_JS基础\_数组的四个方法 13:45 #

## Array 对象属性 ##

> ![20210117100845229.png][]

## Array 对象方法 ##

> ![20210117101012998.png][]

### 1、push() ###

> **push()**
> 
>  *  该方法可以向数组的末尾添加一个或多个元素，并返回数组的新的长度。
>  *  可以将要添加的元素作为方法的参数传递，这样这些元素将会自动添加到数组的末尾。
>  *  该方法会将数组新的长度作为返回值返回。
> 
> ![20210117104121944.png][]

### 2、pop() ###

> **pop()**：该方法可以删除数组的最后一个元素，并将被删除的元素作为返回值返回。
> 
> ![20210117104452609.png][]

### 3、unshift() ###

> **unshift()**
> 
>  *  向数组开头添加一个或多个元素，并返回新的数组长度。
>  *  向前边插入元素以后，其他的元素索引会依次调整。
> 
> ![20210117104937650.png][]

### 4、shift() ###

> **shift()**：可以删除数组的第一个元素，并将被删除的元素作为返回值返回。
> 
> ![20210117105124870.png][]

# P73 73.尚硅谷\_JS基础\_数组的遍历 13:45 #

> 所谓的遍历数组，就是将数组中所有的元素都取出来。
> 
> ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 11][]

## 小练习 ##

> ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 12][]

# P74 74.尚硅谷\_JS基础\_数组练习 04:52 #

> ![20210117133924597.png][]

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    		<script type="text/javascript">
    			function Person(name, age, gender) {
    				this.name = name;
    				this.age = age;
    			}
    
    			// 修改Person原型的toString
    			Person.prototype.toString = function() {
    				return "Person[name=" + this.name + ",age=" + this.age + "]";
    			};
    
    			//创建一个Person对象
    			var per = new Person("孙悟空", 18);
    			var per2 = new Person("猪八戒", 28);
    			var per3 = new Person("红孩儿", 8);
    			var per4 = new Person("蜘蛛精", 16);
    			var per5 = new Person("二郎神", 38);
    
    			// 将这些person对象放入到一个数组中
    			var perArr = [per, per2, per3, per4, per5];
    			console.log(perArr);
    
    			/*
    			 * 创建一个函数，可以将perArr中的满18岁的Person提取出来，
    			 * 	然后封装到一个新的数组中并返回
    			 * arr：形参，要提取信息的数组
    			 */
    			function getAdult(arr) {
    				//创建一个新的数组
    				var newArr = [];
    				//遍历arr，获取arr中Person对象
    				for (var i = 0; i < arr.length; i++) {
    					var p = arr[i];
    					//判断Person对象的age是否大于等于18
    					if (p.age >= 18) {
    						//如果大于等于18，则将这个对象添加到newArr中
    						//将对象放入到新数组中
    						newArr.push(p);
    					}
    				}
    				//将新的数组返回
    				return newArr;
    			}
    
    			var result = getAdult(perArr);
    			console.log(result);
    		</script>
    	</head>
    	<body>
    	</body>
    </html>

# P75 75.尚硅谷\_JS基础\_forEach 13:15 #

> 一般我们都是使用for循环去遍历数组，JS中还为我们提供了一个方法，用来遍历数组：forEach()。
> 
> 这个方法只支持IE8以上的浏览器，IE8及以下的浏览器均不支持该方法，所以如果需要兼容IE8，则不要使用forEach，还是使用for循环来遍历。
> 
> ![20210117134358727.png][]

> forEach()方法需要一个函数作为参数：
> 
>  *  像这种函数，由我们创建但是不由我们调用的，我们称为回调函数。
>  *  数组中有几个元素，函数就会执行几次。每次执行时，浏览器会将遍历到的元素，以实参的形式传递进来。我们可以来定义形参，来读取这些内容。
>  *  浏览器会在回调函数中传递三个参数：【第1个参数，就是当前正在遍历的元素；第2个参数，就是当前正在遍历的元素的索引；第3个参数，就是正在遍历的数组。】
> 
> ![2021011713510978.png][]
> 
> ![20210117135148175.png][]

> ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 13][]

> ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 14][]

# P76 76.尚硅谷\_JS基础\_slice和splice 18:25 #

> ![2021011714075167.png][]

## slice() ##

> ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 15][]
> 
> slice()  
>      - 可以用来从数组提取指定元素  
>      - 该方法不会改变元素数组，而是将截取到的元素封装到一个新数组中返回  
>      - 参数：  
>          1.截取开始的位置的索引,包含开始索引  
>          2.截取结束的位置的索引,不包含结束索引  
>              - 第二个参数可以省略不写,此时会截取从开始索引往后的所有元素  
>          - 索引可以传递一个负值，如果传递一个负值，则从后往前计算  
>              -1 倒数第一个  
>              -2 倒数第二个

> ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 16][]

## splice() ##

> splice()  
>     - 可以用于删除数组中的指定元素。  
>     - 使用splice()会影响到原数组，会将指定元素从原数组中删除，并将被删除的元素作为返回值返回。  
>     - 参数：  
>         第一个，表示开始位置的索引  
>         第二个，表示删除的数量  
>         第三个及以后。  
>             可以传递一些新的元素，这些元素将会自动插入到开始位置索引前边

> ![20210117142914182.png][]

# P77 77.尚硅谷\_JS基础\_数组去重练习 13:34 #

> ![20210117143803599.png][]

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    		<script type="text/javascript">
    			//创建一个数组
    			var arr = [1, 2, 3, 2, 2, 1, 3, 4, 2, 5];
    
    			//去除数组中重复的数字
    			//获取数组中的每一个元素
    			for (var i = 0; i < arr.length; i++) {
    				//console.log(arr[i]);
    				/*获取当前元素后的所有元素*/
    				for (var j = i + 1; j < arr.length; j++) {
    					//console.log("---->"+arr[j]);
    					//判断两个元素的值是否相等
    					if (arr[i] == arr[j]) {
    						//如果相等则证明出现了重复的元素，则删除j对应的元素
    						arr.splice(j, 1);
    						//当删除了当前j所在的元素以后，后边的元素会自动补位
    						//此时将不会在比较这个元素吧，我需要在比较一次j所在位置的元素
    						//使j自减
    						j--;
    					}
    				}
    			}
    			console.log(arr);
    		</script>
    	</head>
    	<body>
    	</body>
    </html>

> 加油，冲冲冲~

[Link 1]: http://www.gulixueyuan.com/my/course/58
[JavaScript_140_JS]: https://www.bilibili.com/video/BV1YW411T7GX
[JavaScript_JavaScript_140_JS]: https://blog.csdn.net/weixin_44949135/article/details/108621932
[20210116152029806.png]: /images/20221119/4a1b459d328541d59e0d388f53e4edef.png
[20210116152707687.png]: /images/20221119/e653a2d250eb4a678c37a3f88580a342.png
[20210116153343744.png]: /images/20221119/c21f3ceb08fc4906947f96c8d9998fc4.png
[20210116154301373.png]: /images/20221119/829e0993743c4f9b9696f737effaa301.png
[20210116154429578.png]: /images/20221119/59674dd7476c4819867881820f5b450b.png
[20210116155000379.png]: /images/20221119/8bf324095ed44d7eb93c6dac350bee3b.png
[2021011616011514.png]: /images/20221119/ce5b0dadfc76412cb1e600f058c7416a.png
[20210116160258202.png]: /images/20221119/62d27a8a00ee4662a5317ab26893a8a2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70]: /images/20221119/84e2c079a4fa4296a6083267a79f5110.png
[20210116165012652.png]: /images/20221119/30a37dbbf353494d839699b5efd7fca5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 1]: /images/20221119/d30e80a9a0b84985be1c654ab510a3b7.png
[20210116165916933.png]: /images/20221119/07ab5143f17a43258bf681f74f360c83.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 2]: /images/20221119/c2f236916d4f4c3b8e37fab5403a0ca3.png
[20210116172010953.png]: /images/20221119/56245d71f37b4ba0b0a77c963ab62bdb.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 3]: /images/20221119/57bbc7cc058c40819f921edd8004943a.png
[20210116173031420.png]: /images/20221119/b196f56f1d744b3caba037e54bba86af.png
[20210116173338439.png]: /images/20221119/cd4a689a4a3e435894d4b347da7ed7f2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 4]: /images/20221119/e85057420525408babaaf4e32ba63374.png
[2021011618171021.png]: /images/20221119/e33565bdabb34409bedeae3592449360.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 5]: /images/20221119/9d95f52f993c4be6941a21ffbe7e89cf.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 6]: /images/20221119/ad6b909af6de415e8d0e99e9be212634.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 7]: /images/20221119/84bbbeb4f49541dc8220b0f81eb2c6df.png
[20210116205642430.png]: /images/20221119/46781ce0d7c9401d846e267f6dbee54b.png
[20210116210750504.png]: /images/20221119/74421f4cd92d48938ec48e53cc4ace00.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 8]: /images/20221119/b414fde3380e425ea496adee588519f5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 9]: /images/20221119/8741a2d2508345e684a629c793705d86.png
[20210116212304156.png]: /images/20221119/87836a6cf69b4718901a2b3d65c6a4eb.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 10]: /images/20221119/59c7ee856775448d8d9fb396acbfd92f.png
[20210116212430891.png]: /images/20221119/9ac787e6d68248d8b8ba11d16d66a18a.png
[20210116212941390.png]: /images/20221119/ff65d3053a5046c79f0b52fc8d3b1602.png
[2021011621320972.png]: /images/20221119/6652aa41c98043438ccb7aed3636037e.png
[20210116213506910.png]: /images/20221119/d9f23d0d88ac4069b3a5af41659b2bbf.png
[20210116213716614.png]: /images/20221119/2d55c2b056d545dd9e303ffc5eb59144.png
[20210116214652584.png]: /images/20221119/c62b1c35b43d4400b39f60034344baff.png
[20210116214807741.png]: /images/20221119/c745d1b365144cf5a9f10fbf916ac4a2.png
[20210116215346958.png]: /images/20221119/b815b09229e14e54b2ea0c0fbf27f622.png
[20210116215550771.png]: /images/20221119/24115cd85aca4b398a30511ba3ac0ad3.png
[20210116220014294.png]: /images/20221119/e1cf801dfe8b4074b7c7e902bd06ce98.png
[20210116220503869.png]: /images/20221119/2e0f36e23433409abacec0bb80219010.png
[20210116220631160.png]: /images/20221119/e6deb767a4e64c42a8a695143938e618.png
[20210117100845229.png]: /images/20221119/4a2c8fcf5ec74d89ab33cc7a52143399.png
[20210117101012998.png]: /images/20221119/094edec264de4a9c95df6d47a632897b.png
[20210117104121944.png]: /images/20221119/1c2517c3e07c473ba04fed715e0f0ac9.png
[20210117104452609.png]: /images/20221119/b1debb71026b4945becdcff535273a04.png
[20210117104937650.png]: /images/20221119/9ac7fa6c3322466f891a97e0e35be404.png
[20210117105124870.png]: /images/20221119/551d3937cc1b4e8cbf214a25b9c7540a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 11]: /images/20221119/4105987742fc441ca1d1dd8fff2b9e5c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 12]: /images/20221119/a22d1a032809474d9e1d150a3d7c3bab.png
[20210117133924597.png]: /images/20221119/3b86304e5f69421d92d1df9698078c44.png
[20210117134358727.png]: /images/20221119/67a987dbd47b4f32acde057985b76e27.png
[2021011713510978.png]: /images/20221119/db88e8c4259c411ab5ed7a83bae14a30.png
[20210117135148175.png]: /images/20221119/b2b04953b69a40a0880b68ed5cae1c5e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 13]: /images/20221119/240b6f3954c64eaa827c6337483f950d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 14]: /images/20221119/19d37070d1c042cc9c69cd8066dc2baf.png
[2021011714075167.png]: /images/20221119/2ac5c45cd28841df89d7df849dbfb5d5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 15]: /images/20221119/ea4739ed6e35401a927d48cc358798bc.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 16]: /images/20221119/2cf73355ba614975b6d7acc1b1662442.png
[20210117142914182.png]: /images/20221119/4e6c62c272bb428d97a99c5d0e37e3d9.png
[20210117143803599.png]: https://img-blog.csdnimg.cn/20210117143803599.png