方法

用缓存，其中data为数组类型不是单个的值，因为搜索的历史记录是一个数组
搜素内容时用wx.setStorage存入缓存,每次将搜索存入缓存的时候，为了避免重复添加，要先确定要存入的搜索内容是否已经存在数组里了，已经存在不添加，不存在添加到数组头部再写入缓存覆盖之前的数组

如何判断数组是否有某个关键字
es6之前用indexOf
es6用includes()方法用来判断一个数组是否包含一个指定的值，如果是返回 true，否则false。

如何将某个关键字写入数组的头部？
unshift()方法可向数组的开头添加一个或更多元素，并返回新的长度

增加用户体验
方法一限制数组的长度：不存关键字后，判断数组长度，超过10用方法pop()将数组末尾的元素去掉
方法二设置一个删除按钮让用户自己删除历史记录:使用wx.removeStorage方法删除历史记录的缓存

input输入框的属性

bindinput：键盘输入时触发，event.detail = {value, cursor, keyCode}，keyCode 为键值，2.1.0 起支持，处理函数可以直接 return 一个字符串，将替换输入框的内容。

bindfocus:输入框聚焦时触发，event.detail = { value, height }，height 为键盘高度，在基础库 1.9.90 起支持

bindconfirm:点击完成按钮时触发，event.detail = {value: value}

点击搜索的时候，用wx.getStorage获取历史记录的缓存，显示历史记录

当历史记录为空的时候，wx.getStorage方法返回空

如何实现搜索历史记录相关推荐

elementui如何在input 框中搜索_在 Windows 10 中的文件资源管理器中删除搜索历史记录...
Windows 资源管理器带有搜索功能,用户可以通过该功能找到特定的文件或文件夹.默认情况下,您在搜索框中进行的所有搜索都会保存到其历史记录中.下次您在搜索框中输入内容时,它将在下拉对话框中显示最近输 ...
怎么在Windows11上禁用文件资源管理器搜索历史记录
Win11系统是现在非常火热的电脑操作系统,但是Win11上的一些新功能很多用户还是很清楚,最近有用户问如何在Windows11上禁用文件资源管理器搜索历史记录?下面小编就为大家简单介绍一下,快来看看 ...
百度搜索引擎结果网址参数搜索历史记录(rsv_sug)
介绍完了和相关搜索 f=1 有关的4个百度网页搜索参数原先查询字符串(oq), 相关提示位置(rsp), 相关搜索_语义关联性(rs_src), 上下页切换(rsv_ers),接下来是讲解与搜索框提示 ...
百度搜索结果的URL参数搜索历史记录(rsv_sug)
介绍完了和相关搜索 f=1 有关的4个百度网页搜索参数原先查询字符串(oq), 相关提示位置(rsp), 相关搜索_语义关联性(rs_src), 上下页切换(rsv_ers),接下来是讲解与搜索框提示 ...
百度搜索结果页面的参数搜索历史记录(rsv_sug)
介绍完了和相关搜索 f=1 有关的4个百度网页搜索参数原先查询字符串(oq), 相关提示位置(rsp), 相关搜索_语义关联性(rs_src), 上下页切换(rsv_ers),接下来是讲解与搜索框提示 ...
如何导出或删除Outlook.com搜索历史记录
If you use the online version of Outlook, you can delete your email search history (useful if you've ...
微信小程序—实现搜索功能，搜索历史记录功能
本文主要基于微信小程序实现和uni-app实现搜索商品和历史记录的功能. 不详细介绍,主看代码注释即可!! 1.搜索组件页面代码块 <template><view><!- ...
【办公软件篇】Listary搜索神器清除搜索历史记录
[办公软件篇]Listary搜索神器清除搜索历史记录装机必备搜索神器-[蘇小沐] 文章目录 [办公软件篇]Listary搜索神器清除搜索历史记录 1.实验环境 (一)删除搜索历史记录总结 1.实验 ...
安卓本地实现搜索历史记录
一.自定义搜索历史记录本地实现搜索历史记录有很多种方法,下面不多说了,我们来用SQLite来实现此功能,直接上完整代码:点击下载源码效果一: 效果二: 1.MainActivity主函数 pack ...
如何清除搜索框内的搜索历史记录？
如何清除搜索框内的搜索历史记录? 答:这是网页浏览器的一项功能.进入IE浏览器的相关菜单选项设置: ·如果您使用IE4.0浏览器,则由"查看→internet选项→内容→自动完成→清除表单→ ...

如何实现搜索历史记录

方法

如何实现搜索历史记录相关推荐

最新文章

热门文章