最近使用elment ui和vue.
js
，遇到需要像c:foreach类似的效果，就找了
vue的API：https://cn.vue
js
.org/v2/guide/list.html#v-for-with-v-if
element ui：http://element.eleme.io/#/zh-CN/component/input
<el class=box-card v-for=(month,index) v-if=index v-bind:month=month v-bind:index=index>
项目需求，需要进行多张图片上传，上传后进行聚类，
数据
结构后端已经订好，但其结构让我很痛苦，如图所示:
上图中，红色框选的是后台动态返回的字符串，那我如何
获取
其对应的
数组
？
其实返回的
数据
就是个包含key和value的对象，所以我们可以按照对象的方法对其进行操作，代码如下：
getFirst(obj){ //obj为我们的对象
var n=0;
《
JavaScript
基础教程(第8版)》循序渐进地讲述了
JavaScript
及相关的CSS、DOM、Ajax、jQuery等技术。书中从
JavaScript
语言基础开始，分别讨论了图像、框架、浏览器窗口、表单、正则表达式、用户事件和cookie，并在上一版的基础上新增了两章，讲述jQuery框架的基础知识。本书不仅介绍了基础知识和使用方法，也深入探讨了
JavaScript
应用示例。 《
JavaScript
基础教程(第8版)》适合有志于从事Web开发和Web设计的初学者阅读，也是高校相关课程理想的教材。
第1章 了解
JavaScript
1
1.1
JavaScript
是什么 1
1.2
JavaScript
不是Java 2
1.3
JavaScript
的起源 3
1.4
JavaScript
可以做什么 3
1.5
JavaScript
不能做什么 3
1.6 Ajax是什么 4
1.7 组合式(snap-together)语言 5
1.7.1 对象 5
1.7.2 属性 6
1.7.3 方法 6
1.7.4 将对象、属性和方法组合在一起 6
1.7.5 DOM简介 7
1.8 处理事件 7
1.9 值和变量 8
1.9.1 操作符 8
1.9.2 赋值和比较 9
1.9.3 比较 9
1.10 编写对
JavaScript
友好的HTML 10
1.10.1 结构、表现和行为 10
1.10.2 div和span 10
1.10.3 class和id 11
1.11 要使用什么工具 12
第2章 开始 13
2.1 将脚本放在哪里 13
2.2 关于函数 14
2.3 使用外部脚本 15
2.4 在脚本中添加注释 17
2.5 向用户发出警告 18
2.6 确认用户的选择 19
2.7 提示用户 21
2.8 用链接对用户进行重定向 22
2.9 使用
JavaScript
改进链接 25
2.10 使用多级
条
件 28
2.11 处理错误 30
第3章 第一个Web应用程序 33
3.1 用循环进行重复操作 33
3.2 将值传递给函数 37
3.3 探测对象 39
3.4 处理
数组
40
3.5 处理有返回值的函数 42
3.6 更新
数组
43
3.7 使用do/while循环 44
3.8 以多种方式调用脚本 46
3.9 组合使用
JavaScript
和CSS 47
3.10 检查状态 50
3.11 处理字符串
数组
55
第4章 处理图像 59
4.1 创建翻转器 59
4.2 创建更有效的翻转器 61
4.3 构建三状态翻转器 64
4.4 由链接触发翻转器 66
4.5 让多个链接触发一个翻转器 68
4.6 处理多个翻转器 71
4.7 创建循环的广告
条
74
4.8 在循环广告
条
中添加链接 76
4.9 建立循环式幻灯片 78
4.10 显示随机图像 80
4.11 随机开始循环显示图像 81
第5章 窗口与框架 83
5.1 防止页面显示在框架中 83
5.2 设置目标 84
5.3 用
JavaScript
加载iframe 86
5.4 Iframes的使用 87
5.5 创建动态iframe 89
5.6 在文档之间共享函数 90
5.7 打开新窗口 92
5.8 为窗口加载不同的内容 96
第6章 表单处理 98
6.1 选择并转移导航菜单 99
6.2 动态地改变菜单 102
6.3 建立必须填写的字段 104
6.4 根据其他字段对字段进行检查 109
6.5 标识有问题的字段 111
6.6 准备进行表单验证 113
6.7 处理单选按钮 117
6.8 用一个字段设置另一个字段 119
6.9 检验Zip编码 122
6.10 验证电子邮件地址 126
第7章 表单和正则表达式 131
7.1 用正则表达式验证电子邮件地址 131
7.2 验证文件名 136
7.3 提
取
字符串 139
7.4 格式化字符串 141
7.5 对字符串进行格式化和排序 144
7.6 对字符串进行格式化和验证 146
7.7 使用正则表达式替换元素 148
第8章 处理事件 151
8.1 处理窗口事件 151
8.1.1 onload1事件 151
8.1.2 onunload事件 154
8.1.3 onresize事件 154
8.1.4 onmove事件 156
8.1.5 onabort事件 156
8.1.6 onerror事件 156
8.1.7 onfocus事件 156
8.1.8 onblur事件 157
8.2 处理鼠标事件 158
8.2.1 onmousedown事件 158
8.2.2 onmouseup事件 161
8.2.3 onmousemove事件 161
8.2.4 onmouseover事件 163
8.2.5 onmouseout事件 163
8.2.6 ondblclick事件 164
8.2.7 onclick事件 165
8.3 表单事件处理 165
8.3.1 onsubmit事件 165
8.3.2 onreset事件 165
8.3.3 onchange事件 166
8.3.4 onselect事件 166
8.3.5 onclick事件 166
8.3.6 onblur事件 166
8.3.7 onfocus事件 168
8.4 键事件处理 169
8.4.1 onkeydown事件 169
8.4.2 onkeyup事件 172
8.4.3 onkeypress事件 172
第9章
JavaScript
和cookie 173
9.1 建立第一个cookie 173
9.2 读
取
cookie 176
9.3 显示cookie 177
9.4 使用cookie作为计数器 178
9.5 删除cookie 180
9.6 处理多个cookie 182
9.7 显示新内容提醒信息 184
第10章 对象和DOM 189
10.1 关于节点操纵 189
10.1.1 DOM 2和W3C 189
10.1.2 DOM 2术语 189
10.1.3 DOM 3 190
10.2 添加节点 191
10.3 删除节点 192
10.4 删除特定的节点 194
10.5 插入节点 197
10.6 替换节点 199
10.7 用对象字面值编写代码 202
第11章 建立动态页面 206
11.1 在网页上显示当前日期 206
11.2 处理周中的日期 208
11.3 根据时间对消息进行定制 209
11.4 根据时区显示日期 210
11.5 把24小时制转换为12小时制 213
11.6 创建倒数计数器 216
11.7 隐藏和显示层 219
11.8 移动文档中的对象 221
11.9 日期方法 223
第12章
JavaScript
应用示例 225
12.1 使用可折叠菜单 225
12.2 添加下拉菜单 228
12.3 改进下拉菜单 230
12.4 带说明的幻灯片 233
12.5 一个无聊的姓名生成器 236
12.6 柱状图生成器 240
12.7 样式表切换器 246
第13章 Ajax简介 253
13.1 Ajax的定义 253
13.2 读
取
服务器
数据
255
13.3 解析服务器
数据
261
13.4 刷新服务器
数据
266
13.5 从服务器获得
数据
267
13.6 用Ajax预览链接 270
13.7 自动补全表单字段 273
第14章 工具包、框架和库 279
14.1 添加jQuery 280
14.2 使用jQuery更新页面 282
14.3 使用jQuery交互 282
14.4 交互与更新 284
14.5 自动完成字段 287
第15章 用jQuery设计页面 289
15.1 突出显示新元素 289
15.2 创建可折叠菜单 292
15.3 创建更漂亮的对话框 294
15.4
条
纹表格 298
15.5 表格排序 301
第16章 基于jQuery的应用 306
16.1 以jQuery为基础 306
16.2 使用ThemeRoller定制外观 307
16.3 在页面中添加日历 309
16.4 拖放元素 313
16.5 使用jQuery处理外部
数据
316
16.6 使用jQuery插件 322
第17章 bookmarklet 328
17.1 第一个bookmarklet 328
17.2 改变页面的背景颜色 333
17.3 改变页面样式 334
17.4 查询单词 335
17.5 查看图像 337
17.6 显示ISO Latin字符 339
17.7 将RGB值转换为十六进制 340
17.8 对值进行转换 341
17.9 bookmarklet计算器 342
17.10 缩短URL 344
17.11 检验页面 344
17.12 通过电子邮件发送页面 345
17.13 改变页面大小 346
张浩Java考试成绩未达到自己的目标。为了表明自己勤奋学习的决心，他决定写一百遍“好好学习，天天向上！”根据前面学习的内容我们知道System.out.println(“好好学习，天天向上！”)可以将这句话打印出来，但是现在是要打印100次，那是不是我们需要写100次呢？答案肯定是否定的，在java中我们要避免写重读的代码，我们要尽量“偷懒”让代码能重复使用。那如何才能写一次输出语句，让它运行100次呢？接下来我们就要学习流程控制中的--循环结构。
一、什么是循环结构
1.循环简单理解就是重读
var obj = { name: "张三", city: "北京" };
//
获取
obj对象第一个属性的键（方法1）
console.log(Object.keys(obj)[0]);//name
//
获取
obj对象第一个属性的键（方法2）
var fistKey = null;
for (let key in obj) {
fistKey = key;
有时表单
数据
直接通过.innerHTML
获取
不到，显示undefined，这时候可以通过console.log()在控制台打印出整个表单内容，然后查看所需要的第一列的值在哪个属性里。
例：此处发现直接.innerHTML显示undefined，通过控制台查到在.nextElementSibling属性下可以用.innerHTML打印出值（但是需要分割
取
值）
function getTdValue() {
let tableId = document.getElementById("t.
文章目录一、
数组
的浅拷贝1.
数组
内的元素不是对象或
数组
1.
数组
内的元素是对象或
数组
二、
数组
的深拷贝三、对象的浅拷贝四、对象的深拷贝
一、
数组
的浅拷贝
1.
数组
内的元素不是对象或
数组
如果
数组
内的元素不是对象或者
数组
，那么浅拷贝通过
数组
的slice()或concat()方法即可完成
var a = [1,2,3,4,5,6];
var b = a.slice();
console.log(b);
a[0] = 11;
console.log(a);
console.log(b);
1.
数组
1.pop()尾部出栈，弹出
数组
中最后一个元素，并返回这个元素
let arr = [1,2,3,4,5,6,4,7]`
console.log('pop():'+arr.pop())
2.push,尾部入栈
arr.push(7,8,9)
console.log('push():'+arr)
3.shift弹出
数组
的第一个元素，并返回这个元素
let result = arr.shift()
console.log('shiift():'+result)
4.unshift
var a=[1,2,2,3,4]; console.log(a); a.shift(); console.log(a);
(5) [1, 2, 2, 3, 4]
(4) [2, 2, 3, 4]
pop：删除原
数组
最后一项，并返回删除元素的值；如果
数组
为空则返回undefined
shift：删除原
数组
第一项（相当于lpop）
push：将参数添加到原
数组
末尾，并返回
数组
的长度...
