11-20 公司项目过程中遇到的问题( 三 )


结果:
上面的map函数实际上是给数组中的每个数值加了1 。
2,3,4,5,6
第三个参数,map函数中this指向的对象
该参数是非常有用的,我们可以将被处理的数据和处理对象分离,将各种不同的处理数据的方法封装到不同的的对象中去,处理方法采用相同的名字 。
在调用Array.from对数据对象进行转换时,可以将不同的处理对象按实际情况进行注入,以得到不同的结果,适合解耦 。
这种做法是模板设计模式的应用,有点类似于依赖注入 。
let diObj = {handle: function(n){return n + 2}}console.log('%s', Array.from([1, 2, 3, 4, 5], function (x){return this.handle(x)}, diObj))
结果:
3,4,5,6,7
14.请求头带不上数据(暂且不懂)
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img--24)(C:\Users\\\\\-user-\image-.png)]
15.vue父子组件通信方式详解以及vue报错 “” not found
vue父子组件通信方式
“” not found
在利用 中的的时候报错 “” not found
在网上搜索说是因为vue版本和版本不匹配之类的,但是我出现这个问题的原因是因为:
12直接写了el-form-item而没用 el-form包裹住
本日感想:
写代码的时候要严谨…
16.CSS巧妙实现分隔线的几种方法 单个标签实现分隔线:
点此查看实例展示
html: