一：转码和解码
encodeURIComponent()：因为在作用与url当作参数传递的时候，如参数出现空格这样的特殊字段，后台只可以读取到空格前的内容，后面内容丢失，造成数据读取失败，但是如果用encodeURIComponent()包裹一下，那会将这些特殊字符进行转义，这样后台就可以成功读取了，所以encodeURIComponent()用于url作为参数传递的场景中使用
1：更简洁的封装：方便后面接口发送变化，更好的维护
二获取商品列表
左侧菜单的点击事件
1 获取被点击的标题身上的索引
2 给goodsList赋值左边对应右边的索引
3 根据不同的索引来渲染右侧的商品内容
另外一种写法：
当点击获取右边的数据时 没有数据的时候都会做一下提示
三：搜索商品详情
1 输入框绑定 值改变事件 input事件
onchange事件的输入在打印台可以看到输入的value值然后触发搜索事件的发生
四：下拉和加载更多
五：数组合并的方法
在es6之前，数组合并使用concat()方法实现。
Array.concat() 不改变原数组
let arr1 = [1,2,3];let arr2 = [4,5,6];l
et newArr = arr1.concat(arr2);
console.log(newArr); ==>[1,2,3,4,5,6]
|
es6提供了将数组解构的方法，可以通过数组解构重新组合成一个新数组。
let arr1 = [1,2,3];
let arr2 = [...arr1];
console.log(arr2); ==>[1,2,3]
数组含空值
let arr3 = [1, , 3];let arr4 = [...arr2]; console.log(arr4); ==>[1, undefined, 3]
合并数组
let arr5 = [...[1,2,3],...[4,5,6]];
console.log(arr5); ==>[1,2,3,4,5,6]
