js函数式编程1-1

题目1： 

　　 给定两个长度相同的整数数组，将其中的数字分别一一配对，对每一对数字计算乘积，然后求和，计算出总和最小的配对方式，并打印出总和。

　　输入示例：

　　[1,2,3], [1,2,3]

　　输出示例：

　　10

答案：

reduce方法

 

map方法

 如何写好JavaScript呢？ 

DEMO1：

思路： 通过按钮的颜色 来控制白天和黑天的状态

缺点：用js直接去操纵样式，如果我们以后想修改黑天的颜色，字体的颜色等等，我们就得修改这一坨代码，维护性不好

思路： 通过类名 来控制白天和黑天的状态

优点：可维护性高

思路：通过单选框来控制两种状态

实现：将label于input框关联，把单选框隐藏掉

优点：不用JavaScript

 

 DEMO2：

步骤1：思路：

1. 图片结构是一个列表型结构，所以主体用<ul>

2. 使用css绝对定位将图片重叠在同一个位置

3. 轮播图切换的状态使用修饰符（modifier）

4. 轮播图的切换动画使用css transition

 

我们用JavaScript来控制轮播图，所以先设置JavaScript的API

1. 设计一个接口，让我们能拿到当前元素的接口

2. 第二个接口，能拿到当前元素的下标

3. slideTo() 接口，切换当前下标位置的元素

4. slideNext() 接口，切换到当前下标位置下一个的元素

 

具体实现：