结果如下：
为什么“2222”的结果中concat没有起作用，应该是长度为 21的数组
-
-
代码如下：
结果如下：
为什么“2222”的结果中concat没有起作用，应该是长度为 21的数组
展开阅读全文
-
等级
本版专家分：165118勋章
-
- 签到王者
-
- GitHub
-
-
进士
2019年总版新获得的技术专家分排名前十
2018年总版新获得的技术专家分排名前十
2017年 总版技术专家分年内排行榜第七
-
- 银牌 2019年1月 总版技术专家分月排行榜第二
-
-
res.concat() 不是异步函数，不需要用 await 调用啊。
-
等级
本版专家分：31勋章
-
- 签到新秀
-
- GitHub
-
-
关键是用不用，它都无法拼接进去，不知道为什么，不用，结果也是这样
-
等级
本版专家分：165118勋章
-
- 签到王者
-
- GitHub
-
-
进士
2019年总版新获得的技术专家分排名前十
2018年总版新获得的技术专家分排名前十
2017年 总版技术专家分年内排行榜第七
-
- 银牌 2019年1月 总版技术专家分月排行榜第二
-
-
可能list不是真正的数组，或者里面的值是自定义的属性，不是真正的数组元素。
-
等级
本版专家分：165118勋章
-
- 签到王者
-
- GitHub
-
-
进士
2019年总版新获得的技术专家分排名前十
2018年总版新获得的技术专家分排名前十
2017年 总版技术专家分年内排行榜第七
-
- 银牌 2019年1月 总版技术专家分月排行榜第二
-
-
确认了，是因为你的 this._normalizeSongs() 返回的不是Promise对象，而是先返回一个空数组[]，之后再通过ajax的异步操作对这个空数组添加元素。
不是Promise对象就不能通过 await 等待ajax的异步操作。ajax的异步操作要在当前程序线程执行完之后才执行。
这样 res.concat(list) 与res合并的就是空数组 []
console.log("111",list)输出的也是[]。控制台看到111下面是个[]了么？
你能在控制台看到list有数据是因为在用console.log()输出数组或对象时，对象（数组）的属性是折叠不显示的。
如果你在console.log()输出之后改变了对象（数组）的属性，也就是ajax的异步操作对这个空数组添加元素，当你点击三角展开属性时，会重新读取对象（数组）当前的属性，也就是显示出来的是你点击三角展开时的属性，而不是执行console.log()时的属性。
如果用console.log(JSON.stringify(list));以字符串方式输出就会看到list当前的值。
-
等级
本版专家分：31勋章
-
- 签到新秀
-
- GitHub
-
-
感谢，已解决，非常感谢
-
等级
本版专家分：31勋章
-
- 签到新秀
-
- GitHub
-
-
我这里面就是一个变量，我先吧它拼接进一个列表，再去遍历每个元素，进行别的操作。
不要这种方式，直接先去吧别的操作做好，再去拼接
-
等级
本版专家分：31勋章
-
- 签到新秀
-
- GitHub
-
-
实在不行，我可以给你看下代码
- vue使用axios异步请求后端数据的使用
Vue 原本有一个官方推荐的 ajax 插件 vue-resource，但是自从 Vue 更新到 2.0 之后，官方就不再更新维护 vue-resource，并推荐axios， 目前主流的 Vue 项目，都选择 axios 来完成 ajax 请求。 使用方法： 1.安装 ...
- 使用vue开发项目的时候，异步请求数据，连续触发多次请求导致的渲染的数据列表数据错误的问题解决办法。
在vue类型的项目开发中，我们一般都是发起异步请求从服务器获取数据后，根据数组数据使用v-for来动态渲染数据列表。 但是，如果一个请求在pending中，再次发送一个请求，最后导致渲染的list，数据重复，或是错误的...
- vue利用 axios 异步请求后端数据
{ // `url` 是用于请求的服务器 URL url: '/user', ... // `baseURL` 将自动加在 `url` 前面，除非 `url` 是一个绝对 URL。 // 它可以通过设置一个 `baseURL` 便于为 axios 实例的方法传递相对 URL ...
- vue脚手架项目中使用axios发送异步请求以及async和await关键字的使用
vue脚手架项目中使用axios发送异步请求 首先需要脚手架项目中安装axios,安装命令如下图： 然后需要在main.js中对axios全局配置，因为在组件中使用axios的时候不能像在.js文件中那样，可以先导入axios,即 import ...
- 关于Vue中nextTick异步调用video&audio的方法失效解决方案
nextTick JS的运行机制：JS执行是单线程的,它是基于事件循环的对于事件循环的理解大致分为以下几个步骤...只要异步任务有了运行结果,就在“任务队列”之中放置一个事件。 一旦”执行栈”中的所有同步任务执行完毕...
- vue.js中使用D3树状图异步按需加载数据绘制人物关系图
vue.js中使用D3树状图异步按需加载数据绘制人物关系图，网上查了好多资料没找到合适的，就自己写个简单的，方便以后查看，附上效果图 重点：这个树状图不管是Vue的，还是HTML的，使用的D3.js 版本是3.5.17，如果...
- jquery和vue中异步ajax如何链式传递多层数据
由于我们大多使用异步ajax请求，如果两个请求分开来写，就没法保证第一个ajax请求到的参数会及时传递给第二个ajax请求。 jquery中ajax的链式操作 当然在jquery中也可以采用嵌套的方法来解决上面问题。代码如下 $....
- 总结在Vue中可以使用的几种网络请求方式
0-4，0表示未初始化，4表示请求已完成 status（HTTP响应状态码） 200：OK，成功 3XX【重定向系列的状态码】 301：永久重定向 302：临时重定向 307：内部浏览器（缓存）重定向 4XX【错误系列】 400：bad ...
- typescript 判断异步执行已经结束_vue进阶系列——用typescript玩转vue和vuex
用过vue的朋友大概对vuex也不陌生，vuex的官方解释是专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。说的简单点就是对vue...
- java同步异常与异步异常_教你如何快速处理前端异常？
教你如何快速处理前端异常？前端一直是距离用户最近的一层，随着产品的日益完善，我们会更加注重用户...4.无法复线问题，尤其是移动端，机型，系统都是问题；5.完善的前端方案，前端监控系统；对于 JS 而言，我们面...
- @vue/cli4(包括3)项目axios请求获取本地json文件数据
在前端开发过程中，当后台服务器开发数据还没完善，无法与我们交接时，我们习惯在本地写上一个json文件作模拟数据测试代码效果是否有问题。 vuecli3.0往后的项目基础架构对比旧版本有些区别。以前大家都习惯在根目录...
- Vue 使用axios 数据请求第三方插件的使用
1，axios axios 是一个基于promise的HTTP库，可以用在浏览器和node.js中。...转换请求数据和响应数据 取消请求 自动转换JSON数据 客户端支持防御XSRF 3，安装 使用npm： npm install axios 为了解决p...
- 同步异步 js异步操作 单线程模型 同步任务和异步任务 任务队列和事件循环 实现异步操作的模式
JS同步和异步 一、单线程模型 JavaScript是一门单线程的语言，所谓"单线程"，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务。 看下面一段代码在浏览器中的执行的...
- Vue微型架构:requestBody网络请求的模式与自定义协议的封装
如果我们使用vue来构架前端项目，我为自己设计了这样的一个小型架构，参考上一遍文章：《Jquery微型架构:requestBody网络请求的模式与自定义协议的封装》，在次基础上做了一些改变。 一、 首先是程序架构 其中包含...
- 异步组件和vue-router路由懒加载
像vue这种单页面应用，如果没有应用懒加载，运用webpack打包后的文件将会异常的大，造成进入首页时，需要加载的内容过多，时间过长，会出啊先长时间的白屏，即使做了loading也是不利于用户体验，而运用懒加载则可以...
- 前端异步(async)解决方案(所有方案)
这种模式执行简单,但随着日后的需求,事务,请求增多,这种单线程模式执行效率必定低下。只要有一个任务执行消耗了很长时间,在这个时间里后面的任务无法执行。常见的浏览器无响应（假死），往往就是因为某一段...
- [前端面试]2020 前端面试 | 第一波面试题总结
前言 先介绍一下自己的情况吧 内蒙古呼和浩特某大学毕业，专科，计算机多媒体专业毕业 16年出来工作，工作经验四年，之前主要做平面相关，自己喜欢瞎折腾，从17年开始研究前端，然后公司内部转岗到开发部门工作，...
- vue+ts+es6获取store中的数据
vue结合ts 使用es6写法获取store中的状态 vue要想使用es6写法，首先需要安装装饰器 vue-property-decorator； 项目结合ts进行的初始化，需要在Script开始标签中添加 lang=“ts”, 如 1.创建store 名为index.ts idnex...
- 【Vue】加载异步组件时的resolve函数
1. `resolve => require(['/foo'], resolve)` 中的 `resolve` 是什么? 2. `require` 的二参是什么?
- dom不刷新 vue 加数据后_老板，vue又双叒叕出bug了，dom总是获取不... 详解Vue异步更新和nextTick__Vue.js...
天啦，vue出bug了，DOM又不刷新了？工作中，用vue开发，经常会碰到用...所谓异步更新，就是vue中用数据去驱动dom，数据变化了，DOM却不会立即的更新，而是在下一个Tick中更新dom。当然，vue中手动操作DOM，DOM是立即...
- vue状态管理存取数据_Vue之状态管理(vuex)与接口调用
Vue之状态管理(vuex)与接口调用一,介绍与需求1.1,介绍1,状态管理(vuex)Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式...
- data vue 全部重新渲染_你真的理解Vue的数据响应式吗??
作者：Paula Hu 博客：掘金主页、知乎主页、GitHub主页 点赞是对原创者最大的肯定，我希望在这里看到你努力的身影~~~ 写在前面我相信很多同学对Vue的数据响应式是通过Vue.js文档来了解的，但毕竟文档的篇幅有限，你...
- 在vuecli中使用axios请求发送成功，获取不到返回值的问题
在vuecli中使用axios，请求成功，network也能看见返回的值，但是进入.then（res）中时，res时undefined,原代码如下： axios.post('http://localhost:12612/api/register', this.ruleForm) .then((res) =>...
- vue data数据修改_你真的理解Vue的数据响应式吗??
作者：Paula Hu 博客：掘金主页、知乎主页、GitHub主页 点赞是对原创者最大的肯定，我希望在这里看到你努力的身影~~~ 写在前面我相信很多同学对Vue的数据响应式是通过Vue.js文档来了解的，但毕竟文档的篇幅有限，你...
- vue无法更新数据（vue响应式）
但是当解决异步问题之后，发现我所需要的数据和状态依旧没有发生改变。 如图，1部分，我为了验证异步问题做了延迟处理。但是延迟3秒之后数据改变但是页面参数依旧没有改变。 所以我在页面上面干脆就做了一个按钮，...
- vue keep-alive实现页面缓存不请求
前端webapp应用为了追求类似于native模式的细致体验，总是在不断的在向native的...但是在单页的webapp应用中，所有内容其实是在一个页面中展示的，不存在多页的情况，这时就需要前端开发来想办法实现相应的体验效...
- vue中如何加入横线_如何优雅的在 vue 中添加权限控制
前言在一个项目中，一些功能会涉及到重要的数据管理，为了确保数据的安全，我们会在项目中加入权限来限制每个用户的操作。作为前端，我们要做的是配合后端给到的权限数据，做页面上的各种各样的限制。需求因为这是一...
- Vue双向绑定原理-数据劫持和发布订阅 - Vue篇
目录原理介绍DEMO实现双向绑定第一部分是Observer：第二部分是Watcher：第三部分是Dep：Vue中的双向绑定Vue中的Observer：Vue中的Dep：Vue中的Watcher：总结一下 原理介绍 Vue.js是通过数据劫持以及结合发布者-订阅...
- 2020年五一赛B题论文
自己做的五一赛论文，代码数据都在附录。本文针对股票投资组合问题进行了研究，建立了投资效用与多目标规划模 型，运用了历史模拟、灰色关联等方法，旨在确定股票投资组合策略。
- Java面试题大全（备战2021）
这本面试手册包含了Java基础、Java集合、JVM、Spring、Spring Boot、Spring Cloud、Mysql、Redis、RabbitMQ、Dubbo、Netty、分布式及架构设计等方面的技术点。内容难度参差，满足初中高级Java工程师的面试需求。