在最近的 项目里有一个需求，就是需要一个带搜索记录的 输入框，但是不需要用到后台，就想到了使用本地缓存setStorageSync。总结(zǒng jié)一下需要注意(attention)的 点：1、按搜索时间倒序。unshift：在数组前面插入数据，并改变数组。2、 ..
在最近的 项目里有一个需求，就是需要一个带搜索记录的 输入框，但是不需要用到后台，就想到了使用本地缓存(cache)setStorageSync。
宁波小程序开发对于用户来说，能够节约使用时间成本和手机内存空间；对于开发者来说也能节约开发和推广成本。
总结一下需要注意的 点：
1、按搜索时间倒序。
unshift：在数组前面插入数据（data)，并改变数组。
2、搜索网站内容前后添加了空格的 时候。
string。trim();//去掉前后空格
3、最多缓存多少条搜索记录。宁波小程序开发对于开发者而言，小程序开发门槛相对较低，难度不及APP，能够满足简单的基础应用，适合生活服务类线下商铺以及非刚需低频应用的转换。
// 如果超过8条搜索记录的 话，删掉最旧的 一条if (searchData.length >= 8)searchData.pop();//pop：删除数组最后一个元素。
4、输入了搜索记录已经有了的 网站内容。
//先删除搜索记录里面的 ，再添加元素到第一位// 如果搜索记录里面有重复的 ，要做删除操作for (let i = 0; i < searchData.length; i++) { if (searchData[i] == this.data.inputValue.trim()){
searchData.splice(i,1);
break; }} // 添加搜索记录 searchData.unshift(inputValue.trim());
github：https://github.com/chenweihuan/searchHaveHistory
只上传(Upload)了关键代码，如有bug请查看修改一下，问题(Emerson)应该不大。宁波小程序开发对于用户来说，能够节约使用时间成本和手机内存空间；对于开发者来说也能节约开发和推广成本。
