在最近的項(xiàng)目里有一個需求，就是需要一個帶搜索記錄的輸入框，但是不需要用到后臺，就想到了使用本地緩存setStorageSync。

總結(jié)一下需要注意的點(diǎn)：

1、按搜索時間倒序。

1. unshift：在數(shù)組前面插入數(shù)據(jù)，并改變數(shù)組。

2、搜索內(nèi)容前后添加了空格的時候。

1. string.trim();//去掉前后空格

3、最多緩存多少條搜索記錄。

1. // 如果超過8條搜索記錄的話，刪掉最舊的一條
2. if (searchData.length >= 8)searchData.pop();
3. //pop：刪除數(shù)組最后一個元素。

4、輸入了搜索記錄已經(jīng)有了的內(nèi)容。

1. //先刪除搜索記錄里面的，再添加元素到第一位
2. // 如果搜索記錄里面有重復(fù)的，要做刪除操作
3. for (let i = 0; i < searchData.length; i++) {
4. if (searchData[i] == this.data.inputValue.trim()){
5. searchData.splice(i,1);
6. break;
7. }
8. }
9. // 添加搜索記錄
10. searchData.unshift(inputValue.trim());

github地址：https://github.com/chenweihuan/searchHaveHistory