潍坊做公司网站,万网做网站多少钱,app store下载安卓,国外电商平台排名一、图片引入
项目中往往不使用相对路径引入文件#xff0c;一般都使用实现绝对路径引入文件。 方式一#xff1a;【适用vue2#xff0c;不适用vue3】
img :srcrequire(/assets/images/home/bottom_can.png) alt方式二#xff1a;【适用…一、图片引入
项目中往往不使用相对路径引入文件一般都使用实现绝对路径引入文件。 方式一【适用vue2不适用vue3】
img :srcrequire(/assets/images/home/bottom_can.png) alt方式二【适用vue2vue3】
import noselected from /assets/image/activity/noselected_icon.png
img :srcnoselected alt二、Array.prototype.reduce()
reduce()方法对数组中的每个元素按序执行一个提供的reducer函数每一次运行reducer会将先前元素的计算结果作为参数传入最后将结果汇总为单个返回值。
语法
1.reduce(callbackFn) 2.reduce(callbackFn, initialValue)
参数
callbackFn(accumulator, currentValue, currentIndex)为数组中每个元素执行的函数其返回值将作为下一次调用callbackFn时的accumulator参数对于最后一次调用。返回值将作为reduce()的返回值。该函数被调用时将传入以下参数
accumulator上一次调用callbackFn的结果在第一次调用时如果指定了initialValue则为指定的值否则为array[0]的值。currentValue当前元素的值。在第一次调用时如果指定了initialValue则为array[0]的值否则为array[1]。currentIndexcurrentValue在数组中的索引位置在第一次调用时如果指定了initialValue则为0否则为1。
initialValue可选初始值。
实例reduce实现数组内元素累加
let arr [1, 2, 3, 4, 5, 6]
console.log(arr.reduce((pre, cur) pre cur, 0)); // 21reducer逐个遍历数组元素每一步都将当前元素的值与前一步的结果(该结果是之前所有步骤结果的总和)执行操作【reducer内的操作】——直到没有更多需要相加的元素。
三、toString()
默认情况下Object.prototype.toString()不接受任何参数但Number.prototype.toString()和BigInt.prototype.toString()方法接受一个可选的radix参数。
radix指定要用于数字到字符串的转换的基数从2到36。如果未指定radix参数则默认值为10。
如果转换的基数大于10则会使用字母来表示大于9的数字比如基数为16【其实就是十六进制】的情况则使用a到f的字母来表示10到15。
如果基数没有指定则使用10。
如果对象是负数则会保留符号。即使radix是2时也是如此返回的字符串包含一个符号1前缀和正数的二进制表示不是数值的二进制补码。
进行数字到字符串的转换时建议用小括号将要转换的目标括起来防止出错。
示例
let x 6
console.log(x.toString(2)); // 输出 110【二进制】
console.log((254).toString(16)); // 输出 fe 【十六进制】console.log((-10).toString(2)); // 输出 -1010
console.log((-0xff).toString(2)) // 输出 -11111111console.log([...Array(25)].map((_, i) ({value: (i 10).toString(36) (i 1)
})))
// [{value: a1}, {value: b2}, {value: c3}, ...]
