经常清理缓存的文件和卸载垃圾。
待机页面下，长按屏幕键，出现任务管理器页面。点击任务管理器图标进入。
点击“活动应用程序”，可以看到当前正在运行的程序；如果想将不使用的程序结束，点击“结束”-“确定”即可。
点击“已下载”，所有安装的程序，会体现在这里，则薯卸载不常用的程序，避免给硬件造成压力，影响运行。
点击“RAM”可以对存储器进行清理，RAM即随孙液者机储存器，用于临时储存数据，对使用的体验影响最为明显。
以下代码使用分片上传的方式，可有效解决，OSS文件上传缓慢问题，但如果服务器的宽带过低还是会影响上传速度，可将服务器宽带提高，以提升速度1.引入POM
<!--阿里云OSS-->
<dependency>
<groupId>com.aliyun.oss</groupId>
<artifactId>aliyun-sdk-oss</artifactId>
<version>3.9.1</version>
</dependency>
1
2
3
4
5
6
7
1
2
3
4
5
6
7
2.编写文件上传工具茄并此类
import com.alibaba.fastjson.JSONObject
import com.aliyun.oss.ClientBuilderConfiguration
import com.aliyun.oss.OSS
import com.aliyun.oss.OSSClientBuilder
import com.aliyun.oss.model.*
import org.springframework.web.multipart.MultipartFile
import java.io.*
import java.net.URL
import java.text.SimpleDateFormat
import java.util.*
import java.util.concurrent.ExecutorService
import java.util.concurrent.Executors
import java.util.concurrent.TimeUnit
/**
* 文件上传工具类
*/
public class FilesUploadUtil {
/**
* 获取上传结果
* @param newFile 上传文件
* @param folder 父级文件夹名称
* @return 文件访蔽尘问路径
*/
public static JSONObject obtainTheFileUploadResult(MultipartFile newFile, String folder){
JSONObject result=new JSONObject()
JSONObject data=new JSONObject()
long startTime = System.currentTimeMillis()
try {
// MultipartFile 转 File
File file=multipartFileToFile(newFile)
//上传文件
String[] resultArr = uploadObject2OSS(file, folder)
if (resultArr != null) {
String path = resultArr[1]
//绝对路径,拼接CND加速域名，或自己的域名
data.put("src", "自己的公网IP".concat("/").concat(path))
//相对路径
data.put("relativePath", path)
result.put("msg", 1)
result.put("errorMessage", null)
}
// 删除本地临时文件
deleteTempFile(file)
} catch (RuntimeException e) {
e.printStackTrace()
result.put("msg", 0)
result.put("errorMessage", "文件大颤迅小不能超过9.7G")
data.put("src", null)
data.put("relativePath", null)
}catch (Exception e) {
result.put("msg", 0)
result.put("errorMessage", "上传错误:"+e.getMessage())
data.put("src", null)
data.put("relativePath", null)
}
result.put("data",data)
long endTime = System.currentTimeMillis()
System.out.println("------文件上传成功，耗时" + ((endTime - startTime) / 1000) + "s------")
return result
}
/**
* 上传图片至OSS 文件流
*
* @param file 上传文件（文件全路径如：D:\\image\\cake.jpg）
* @param folder 阿里云API的文件夹名称（父文件夹）
* @return String 返回的唯一MD5数字签名
*/
public static String[] uploadObject2OSS(File file,String folder) throws Exception{
//获取OSS客户端对象
OSS ossClient=getOSSClient()
//OOS 桶名称 bucketName
String bucketName="自己阿里云的bucketName"
// 阿里OSS
SimpleDateFormat dateFormat = new SimpleDateFormat("yyyy/MM/dd")
Date date = new Date()
// 阿里云API的文件夹名称（子文件夹）
String format = dateFormat.format(date) + "/"
// 文件名
String formats =String.valueOf(UUID.randomUUID())
// 创建一个可重用固定线程数的线程池
ExecutorService executorService = Executors.newFixedThreadPool(5)
String[] resultArr = new String[2]
try {
// 分片上传
folder =folder +"/"+ format
// 文件名
String fileName = file.getName()
// 文件扩展名
String fileExtension = fileName.substring(fileName.lastIndexOf("."))
// 最终文件名：UUID + 文件扩展名
fileName = formats + fileExtension
// 上传路径 如：appversion/20200723/a3662009-897c-43ea-a6d8-466ab8310c6b.apk
// objectName表示上传文件到OSS时需要指定包含文件后缀在内的完整路径，例如abc/efg/123.jpg
String objectName = folder + fileName
System.out.println("文件路径--》》"+objectName)
// 文件大小
long fileSize = file.length()
// 创建上传Object的Metadata
ObjectMetadata metadata = new ObjectMetadata()
// 指定该Object被下载时的网页的缓存行为
metadata.setCacheControl("no-cache")
// 指定该Object下设置Header
metadata.setHeader("Pragma", "no-cache")
// 指定该Object被下载时的内容编码格式
metadata.setContentEncoding("utf-8")
// 文件的MIME，定义文件的类型及网页编码，决定浏览器将以什么形式、什么编码读取文件。如果用户没有指定则根据Key或文件名的扩展名生成，
// 如果没有扩展名则填默认值application/octet-stream
metadata.setContentType(getContentType(fileExtension))
// 指定该Object被下载时的名称（指示MINME用户代理如何显示附加的文件，打开或下载，及文件名称）
metadata.setContentDisposition("filename/filesize=" + fileName + "/" + fileSize + "Byte.")
// 创建InitiateMultipartUploadRequest对象
InitiateMultipartUploadRequest request = new InitiateMultipartUploadRequest(bucketName, objectName, metadata)
// 初始化分片
InitiateMultipartUploadResult upresult = ossClient.initiateMultipartUpload(request)
// 返回uploadId，它是分片上传事件的唯一标识，您可以根据这个uploadId发起相关的 *** 作，如取消分片上传、查询分片上传等
String uploadId = upresult.getUploadId()
// partETags是PartETag的集合。PartETag由分片的ETag和分片号组成
List<PartETag>partETags = Collections.synchronizedList(new ArrayList<>())
// 计算文件有多少个分片
final long partSize = 1 * 1024 * 1024L// 1MB
long fileLength = file.length()
int partCount = (int) (fileLength / partSize)
if (fileLength % partSize != 0) {
partCount++
}
if (partCount >10000) {
throw new RuntimeException("文件过大")
}
// 遍历分片上传
for (int i = 0i <partCounti++) {
long startPos = i * partSize
long curPartSize = (i + 1 == partCount) ? (fileLength - startPos) : partSize
int partNumber = i + 1
// 实现并启动线程
executorService.execute(new Runnable() {
@Override
public void run() {
InputStream inputStream = null
try {
inputStream = new FileInputStream(file)
// 跳过已经上传的分片
inputStream.skip(startPos)
UploadPartRequest uploadPartRequest = new UploadPartRequest()
uploadPartRequest.setBucketName(bucketName)
uploadPartRequest.setKey(objectName)
uploadPartRequest.setUploadId(uploadId)
uploadPartRequest.setInputStream(inputStream)
// 设置分片大小。除了最后一个分片没有大小限制，其他的分片最小为100 KB。
uploadPartRequest.setPartSize(curPartSize)
// 设置分片号。每一个上传的分片都有一个分片号，取值范围是1~10000，如果超出这个范围，OSS将返回InvalidArgument的错误码。
uploadPartRequest.setPartNumber(partNumber)
// 每个分片不需要按顺序上传，甚至可以在不同客户端上传，OSS会按照分片号排序组成完整的文件。
UploadPartResult uploadPartResult = ossClient.uploadPart(uploadPartRequest)
//每次上传分片之后，OSS的返回结果会包含一个PartETag。PartETag将被保存到PartETags中。
synchronized (partETags) {
partETags.add(uploadPartResult.getPartETag())
}
} catch (IOException e) {
e.printStackTrace()
} finally {
if (inputStream != null) {
try {
inputStream.close()
} catch (IOException e) {
e.printStackTrace()
}
}
}
}
})
}
// 等待所有的分片完成
// shutdown方法：通知各个任务（Runnable）的运行结束
executorService.shutdown()
while (!executorService.isTerminated()) {
try {
// 指定的时间内所有的任务都结束的时候，返回true，反之返回false，返回false还有执行完的任务
executorService.awaitTermination(5, TimeUnit.SECONDS)
} catch (InterruptedException e) {
System.out.println(e.getMessage())
}
}
// 立即关闭所有执行中的线程
// executorService.shutdownNow()
// 验证是否所有的分片都完成
if (partETags.size() != partCount) {
throw new IllegalStateException("文件的某些部分上传失败！")
}
// 完成分片上传 进行排序。partETags必须按分片号升序排列
Collections.sort(partETags, new Comparator<PartETag>() {
@Override
public int compare(PartETag o1, PartETag o2) {
return o1.getPartNumber() - o2.getPartNumber()
}
})
// 创建CompleteMultipartUploadRequest对象
// 在执行完成分片上传 *** 作时，需要提供所有有效的partETags。OSS收到提交的partETags后，会逐一验证每个分片的有效性。当所有的数据分片验证通过后，OSS将把这些分片组合成一个完整的文件
CompleteMultipartUploadRequest completeMultipartUploadRequest = new CompleteMultipartUploadRequest(bucketName, objectName, uploadId, partETags)
// 设置文件访问权限
// completeMultipartUploadRequest.setObjectACL(CannedAccessControlList.PublicRead)
// 完成上传
CompleteMultipartUploadResult completeMultipartUploadResult = ossClient.completeMultipartUpload(completeMultipartUploadRequest)
if (completeMultipartUploadResult != null) {
// 解析结果
resultArr[0] = completeMultipartUploadResult.getETag()
resultArr[1] = objectName
return resultArr
}
} catch (Exception e) {
e.printStackTrace()
System.out.println("上传阿里云OSS服务器异常." + e.getMessage())
} finally {
// 关闭OSSClient
ossClient.shutdown()
}
return null
}
/**
* MultipartFile 转 File
*
* @param file
* @throws Exception
*/
public static File multipartFileToFile(MultipartFile file) {
try {
File toFile
if (file != null &&file.getSize() >0) {
InputStream ins = null
ins = file.getInputStream()
toFile = new File(file.getOriginalFilename())
inputStreamToFile(ins, toFile)
ins.close()
return toFile
}
return null
} catch (IOException e) {
e.printStackTrace()
return null
}
}
/**
* 获取流文件
*
* @param ins
* @param file
*/
public static void inputStreamToFile(InputStream ins, File file) {
try {
OutputStream os = new FileOutputStream(file)
int bytesRead
byte[] buffer = new byte[8192]
while ((bytesRead = ins.read(buffer, 0, 8192)) != -1) {
os.write(buffer, 0, bytesRead)
}
os.close()
ins.close()
} catch (Exception e) {
e.printStackTrace()
}
}
/**
* 获取阿里云OSS客户端对象
*
* @return ossClient
*/
public static OSS getOSSClient() {
ClientBuilderConfiguration conf = new ClientBuilderConfiguration()
// 连接空闲超时时间，超时则关闭
conf.setIdleConnectionTime(1000)
return new OSSClientBuilder().build("自己阿里云的endpoint", "自己阿里云的access_key_id", "自己阿里云的access_key_secret", conf)
}
/**
* 获得url链接
*
* @param bucketName 桶名称
* @param keyBucket下的文件的路径名+文件名 如："appversion/20200723/a3662009-897c-43ea-a6d8-466ab8310c6b.apk"
* @return 图片链接：http://xxxxx.oss-cn-beijing.aliyuncs.com/test/headImage/1546404670068899.jpg?Expires=1861774699&OSSAccessKeyId=****=p%2BuzEEp%2F3JzcHzm%2FtAYA9U5JM4I%3D
* （Expires=1861774699&OSSAccessKeyId=LTAISWCu15mkrjRw&Signature=p%2BuzEEp%2F3JzcHzm%2FtAYA9U5JM4I%3D 分别为：有前期、keyID、签名）
*/
public static String getUrl(String bucketName, String key) {
// 设置URL过期时间为10年 3600L*1000*24*365*10
Date expiration = new Date(System.currentTimeMillis() + 3600L * 1000 * 24 * 365 * 10)
OSS ossClient = getOSSClient()
// 生成URL
URL url = ossClient.generatePresignedUrl(bucketName, key, expiration)
return url.toString().substring(0, url.toString().lastIndexOf("?"))
}
/**
* 删除本地临时文件
*
* @param file
*/
public static void deleteTempFile(File file) {
if (file != null) {
File del = new File(file.toURI())
del.delete()
}
}
/**
* 通过文件名判断并获取OSS服务文件上传时文件的contentType
*
* @param fileExtension 文件名扩展名
* @return 文件的contentType
*/
public static String getContentType(String fileExtension) {
// 文件的后缀名
if (".bmp".equalsIgnoreCase(fileExtension)) {
return "image/bmp"
}
if (".gif".equalsIgnoreCase(fileExtension)) {
return "image/gif"
}
if (".jpeg".equalsIgnoreCase(fileExtension) || ".jpg".equalsIgnoreCase(fileExtension)
|| ".png".equalsIgnoreCase(fileExtension)) {
return "image/jpeg"
}
if (".html".equalsIgnoreCase(fileExtension)) {
return "text/html"
}
if (".txt".equalsIgnoreCase(fileExtension)) {
return "text/plain"
}
if (".vsd".equalsIgnoreCase(fileExtension)) {
return "application/vnd.visio"
}
if (".ppt".equalsIgnoreCase(fileExtension) || "pptx".equalsIgnoreCase(fileExtension)) {
return "application/vnd.ms-powerpoint"
}
if (".doc".equalsIgnoreCase(fileExtension) || "docx".equalsIgnoreCase(fileExtension)) {
return "application/msword"
}
if (".xml".equalsIgnoreCase(fileExtension)) {
return "text/xml"
}
if (".mp4".equalsIgnoreCase(fileExtension)) {
return "video/mp4"
}
// android
if (".apk".equalsIgnoreCase(fileExtension)) {
return "application/vnd.android.package-archive"
}
// ios
if (".ipa".equals(fileExtension)) {
return "application/vnd.iphone"
}
// 默认返回类型
return "application/octet-stream"
}
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
3.controller编写
/**
* 上传文件
*
* @param file 文件
* @return
* @throws IOException
*/
@ResponseBody
@RequestMapping(value = "/urevf", method = RequestMethod.POST, produces = "application/jsoncharset=UTF-8")
public JSONObject uploadRealEstateVideoFiles(@RequestParam(value = "file") MultipartFile file) throws IOException {
//此处的video_file为阿里云OSS上最外层文件夹，自己新建即可
return FilesUploadUtil.obtainTheFileUploadResult(file, "video_file")
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
1
2
3
4
5
6
7
8
9
10
11
12
13
14
阿里云OSS上传文件时,如何显示上传网速业务场景
用户上传时,网速很慢,或者在上传大文件时,虽然有进度条,但是动的很慢,或者不明显,用户会产生困惑.
所以就产生了一个显示网速的需求点.
实现方式
Electron
因为我们的产品形态是Electron客枯宽户端,所以自然就想到了从Electron入手
但找过了几个对象:app net net-log
发现都没有直接拿到网速的地方
Node.js
找了process对象,这里面我找到了memoryUsage和cpuUsage方法,也没有找到网络相关的,最多就是一个查询网卡的,但也解决不了我的问题
JS手动实现
最枯帆终我是手动实现了这个功能,思路是将过去每一次上传的文件,均摊到每ms中,再遍历求和得出1000ms中传输的总字节数.因为上传本身是异步,多线程并行的,所以只计算单个得到结果很明显不准确.
具体代码
声明记录传输信息的对象
let map = {}//定没败亮义一个map对象,用来存放每一ms的数据量, key: 毫秒 value: 字节数,示例: 1578648506560: 50
let map_max_key = 0// 当前map中最大的key
const change = async (i, value) =>{
map[i] = value
map_max_key = i
}
1
2
3
4
5
6
1
2
3
4
5
6
上传阿里云OSS的方法
参考了阿里云OSS的GitHub文档OSS.README.md中的分片上传部分的参数说明(progress部分)
/**
* 上传文件至阿里云
* @param _objName
* @param _file
* @returns 0-成功 1-失败 2-取消
*/
async function uploadFile(_objName, _file) {
let logFlag = false//是否进行日志记录的标记位
//main.log,main.old.log,task.log这3个文件本身就是
if (_file.indexOf('main.log') === -1 &&_file.indexOf('main.old.log') === -1 &&_file.indexOf('task.log') === -1) {
logFlag = true
}
/**
* 处理分片上传的参数
* @param res 上传的返回信息
* @param partSize 分片的大小
*/
function handle_network_speed(res, partSize) {
const spend_time = res.rt//单位ms
const end_time = new Date(res.headers.date).getTime()
const start_time = end_time - spend_time
let network_speed = parseInt(partSize / spend_time)// 每ms中上传的字节(b)数
if (network_speed === 0) {
// nothing to do
} else {
handle_network_speed_change(start_time, end_time, network_speed)
}
}
//start upload
try {
if (fs.readFileSync(_file).length === 0) {
return false
}
const fileLength = fs.readFileSync(_file).length
const partSize = 1024 * 1024
const result = await OSSCLIENT.multipartUpload(_objName, _file, {
parallel: 4, // 并发上传的分片个数
partSize: partSize, // 每个part的大小,单位为b,此处设置为1MB
timeout: 1000 * 60 * 10, //设置超时时间单位毫秒,此处设置为60秒
progress: (p, cpt, res) =>{
if (cpt &&cpt.doneParts &&cpt.doneParts.length >0 &&logFlag) {
handle_network_speed(res, partSize)
}
}
})
if (result.res.status === 200) {
// 上传成功
if (fileLength <= partSize &&logFlag) {
handle_network_speed(result.res, fileLength)
}
try {
if (logFlag) {
log.info(result)
}
} catch (e) {
}
console.log('上传结束')
return 0
} else {
// 失败
try {
if (logFlag) {
log.error(result)
}
} catch (e) {
}
return 1
}
} catch (err) {
if (OSSCLIENT.isCancel()) {
// 取消上传
try {
if (logFlag) {
log.info("取消上传->" + _file)
}
} catch (e) {
}
return 2
} else if (err.code === 'ConnectionTimeoutError') {
// 连接超时
try {
if (logFlag) {
log.log("连接超时!!!")
}
} catch (e) {
}
} else {
try {
if (logFlag) {
log.error(err)
}
} catch (e) {
}
}
return 1
}
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
/**
* 处理上传对象
* @param start_time 开始时间
* @param end_time 结束时间
* @param network_speed 平均每ms传输的字节数
* @returns {Promise<void>}
*/
const handle_network_speed_change = async (start_time, end_time, network_speed) =>{
// 如果超过10秒没有传输数据,则清空map
if ((start_time - map_max_key) >= 10000) {
map = {}
}
for (let i = start_timei <= end_timei++) {
const value = await map[i]
if (value) {
await change(i, value + network_speed)
} else {
await change(i, network_speed)
}
}
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
定义一个定时器,1s执行一次,用来刷新网速显示
/**
* 定义一个1s的定时器
* 每次取当前时间前1s内发生的数据传输记录,计算上传速度
*/
setInterval(() =>{
const now = new Date().getTime()
// 如果超过10秒没有传输数据,则清空map
if ((now - map_max_key) >= 10000) {
map = {}
}
const end_time = now - 1000
const start_time = end_time - 1000
let totalSize = 0
let totalCount = 0
for (let i = start_timei <= end_timei++) {
if (map[i]) {
totalCount++
totalSize += map[i]
}
}
let network_speed = totalSize / 1024 / totalCount * 1000
if (!network_speed) {
network_speed = '0.00 Kb/s'
} else if (network_speed <1024) {
network_speed = network_speed.toFixed(2) + ' Kb/s'
} else {
network_speed = (network_speed / 1024)
network_speed = network_speed.toFixed(2) + ' Mb/s'
}
mainWindow.webContents.send('handle_network_speed_change', network_speed)
console.log(184, Object.keys(map).length)
}, 1000)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
最后,在渲染进程中监听网速变化
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）