首页
学习
活动
专区
圈层
工具
发布

uni-app搜索历史记录功能实现

H5 商品和店铺搜索的时候,有一个搜索历史记录功能。但是测试时发现历史记录中的关键词,再次搜索时不能跳转。...检查了一下代码,在触发搜索的时候,会去一下缓存中的数组,如果搜索关键词在数组中有的就直接 return 了。...title: '请输入关键字',       icon: 'none',       duration: 1000     });   } else {     uni.getStorage({//从缓存中取搜索历史记录的数组...      }     })   } } 这样可以在搜索的时候查一下缓存,如果有重复,就删除原数组中的该关键词,然后添加到数组的开头。...然后删除数组第6个以后的元素(保留6条搜索历史),存入缓存,跳转搜索。 这样就可以实现搜索历史记录功能了,如果有更好的方法或者建议,可以在下方评论区指出。

3.4K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Edge搜索栏太方便了:历史记录、书签、标签页快速搜索!

    今天给各位读者朋友分享一下Edge的搜索栏,能够快速搜索你的历史记录、书签还有标签页!...我们以往都是用Edge顶部的搜索栏去搜索新的内容或者是常见的标签页, 而现在Edge加强了搜索栏的功能,当你在Edge的地址栏中输入搜索词时,在下拉菜单中显示筛选选项,你可以单击这些按钮进行限定搜索。...历史记录:显示你最近访问过的网站 书签:显示你的书签列表 标签页:显示你当前打开的标签页 历史记录 以往我们去搜索历史记录的话,必须得去点侧边栏的历史记录,或者是专门进入浏览器的历史记录页面去寻找我们想要恢复或者浏览过的页面...但是现在直接在搜索栏限定在历史记录中搜索,输入关键词就可以找到了!...现在可以直接在搜索栏快速搜索,或者是使用「搜索标签页」按钮即可快速查找。

    5.7K10

    小程序新增搜索框历史记录列表并可搜索内容关键词

    1、前几日发现小程序新增了一个功能,即在小程序的入口之一搜索框出现了搜索历史列表,如图 新增的历史列表按照搜索行为的先后顺序进行排列,与现在时间距离越近的越靠在前面,最多可以存储20条最近的搜索关键词。...另外,如果搜索“天气预报”,会直接出现当时当地的天气情况。搜索“圣诞节”或“元旦”或“春节”都会直接给出相应的搜索结果。...这些内容关键词的搜索结果是根据大多数用户的搜索行为进行分析之后而产生的,也就是说内容关键词的搜索结果可以满足大部分人对于这个关键词的搜索需求,这个功能与搜索引擎的一部分功能是相重合的。...另外还有一种情况就是这个关键词既有内容搜索结果又有小程序搜索结果,那么它会一起展现,内容搜索优先。...总而言之,就是搜索一个关键词,有内容搜索结果的时候直接出内容搜索结果,有小程序结果的就出小程序的结果,同时都有的情况下,内容搜索结果优先显示,小程序搜索结果在内容之后显示。

    2K80

    js 中树的搜索

    在处理树形结构时,选择合适的查找方法(递归、迭代、广度优先搜索、使用第三方库)取决于具体的应用场景、树的规模、性能需求以及代码维护性。...递归搜索 优点 代码简洁直观:递归方法通常代码量少,逻辑清晰,易于理解和实现。 易于维护:由于代码结构简单,后期维护和修改也较为方便。...(深度优先搜索,DFS) 优点 避免栈溢出:通过显式使用栈结构,避免了递归的调用栈限制,适用于非常深的树。...Immutable.js 或 Immer:适用于需要不可变数据结构的场景。 Tree-model:专门用于树形结构操作的库。...当树的深度较大或存在栈溢出风险 迭代搜索(DFS 或 BFS)是更稳健的选择。深度优先搜索(DFS)适用于需要深入查找的场景,而广度优先搜索(BFS)适用于需要按层级查找的场景。

    1.3K10

    如何查看搜索网址历史记录?4个小窍门教给你,轻松查看搜索网站记录

    在日常上网过程中,我们经常需要回顾之前搜索过的内容——可能是想找回一个重要的资料网站,或是查看孩子上网情况,亦或是检查员工的工作状态。如何查看搜索网址历史记录?...本文将为您介绍四种简单有效的方法,从浏览器内置功能到专业监控工具,帮助您轻松查找和管理搜索历史记录。...方法一:使用浏览器自带历史记录功能(最便捷方式)几乎所有主流浏览器都内置了历史记录查看功能,这是查找搜索网址最直接的方法。...以谷歌浏览器为例,只需点击右上角的三个点菜单图标,选择"历史记录"即可看到完整的时间排序访问记录。在这里,您可以按日期筛选,或者直接搜索关键词查找特定记录。...方法四:利用搜索引擎账号历史记录(个人用户适用)如果您习惯登录谷歌、百度或微软账号后再进行搜索,这些搜索引擎会保存您的完整搜索历史。

    3K10

    怎么查看搜索网址历史记录?教你3种查询搜索记录的小技巧,一分钟学会

    在信息爆炸的时代,我们每天都会在浏览器中进行大量搜索,可有时想回顾之前查找过的内容,却怎么也想不起具体网址。怎么查看搜索网址历史记录?...二、使用系统搜索工具:深度挖掘历史痕迹除了浏览器自带的功能,我们还可以借助系统的搜索工具来查找搜索网址历史记录。...在Windows系统中,按下“Win + S”组合键打开搜索框,输入“浏览器名称 + 历史记录”比如“Chrome历史记录”,系统会快速定位到浏览器历史记录相关的文件或设置入口。...通过系统搜索工具查找,能更全面地了解浏览器历史记录的存储情况,尤其适合需要批量处理历史记录或者进行数据恢复的用户。...四、结语查看搜索网址历史记录并不复杂,通过浏览器自带功能、系统搜索工具以及专业管理软件这3种方法,你可以根据不同的场景和需求轻松找到想要的历史记录。

    3.9K10

    使用fuse.js模糊搜索 常用配置

    fuse.js是一个轻量的模糊搜索库 安装 npm install --save fuse.js 使用 import Fuse from 'fuse.js' const list = [...] //...带搜索的数据 const options = {keys:['name']} // 搜索配置,可以配置多个查找字段 const fuse = new Fuse(list, options); return...fuse.search('psr') // 根据模式返回搜索结果,形式如[{item:{匹配的对象},refIndex:0},...]...大小写敏感 false includeScore 结果包含匹配度 false 结果值:0表示完全匹配,1表示完全不匹配 includeMatches 结果包含匹配字符的索引值 false 可用于高亮显示搜索字符的场景...minMatchCharLength 最小匹配长度 1 可用于需要至少几个字符才执行搜索的场景 shouldSort 结果集排序 true 结果集按照匹配度排序 findAllMatches 查找所有项目

    2.6K30
    领券