html部分
CSS部分
JavaScript部分
1. Array.reduce() 方法
基本语法
array.reduce(callback[, initialValue])
callback
必需。一个回调函数,该函数会被调用数组中的每个元素(除了第一个,除非提供了初始值)。它接受四个参数:
1.1.accumulator
累加器 - 上一次调用回调返回的值或提供的初始值(或数组的第一个元素,如果未提供初始值)。
1.2.currentValue
当前元素 - 正在处理的数组中的当前元素。
1.3.currentIndex
当前索引 - 正在处理的数组中的当前元素的索引。
1.4.array
数组 - 调用 reduce 方法的数组。initialValue
可选。作为第一次调用回调函数时的 accumulator 值。如果未提供初始值,则使用数组的第一个元素作为初始值,并从数组的第二个元素开始。
2. 箭头函数相关
箭头函数语法中,如果函数体只有一条语句,并且这条语句是一个表达式而不是一个语句,则可以省略花括号 {} 和 return 关键字。
函数声明是最安全的选择,因为它可以在声明之前调用;而函数表达式则需要注意赋值顺序,以避免错误。const 声明的函数也需要在赋值之后才能调用。