关于搜索算法机制和实现的问题。 * NOT *有关在API中使用搜索工具的问题(例如Google,Bing,Facebook)。
TYPO3 ke_search 用于手风琴、卡片等的自定义索引器(来自 bootstrap_package 的所有元素)?
是否有一种简单的方法来为所有 bootstrap_package 元素(介绍分发的一部分)编写索引器,或者我是否必须为每个元素编写一个索引器?我很乐意提供一些提示。
Html: HTML: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <div class="emotes_area" id="emotes_area"> </div> <input class="search_input" id="input_search" type="text" placeholder="Search Something..."> </body> </html> CSS: .emotes_area{ position: absolute; width: 404px; height: 703px; top: 165px; left: 62px; flex-wrap: wrap; overflow-y: auto; overflow-x: hidden; } .emotes_area::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.25); background-color: rgba(255, 255, 255, 0.25); } .emotes_area::-webkit-scrollbar { width: 1px; background-color: #00000000; } .emotes_area::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.25); background-color: rgb(255, 255, 255); } .emote_container{ position: relative; width: 123px; height: 131px; flex-shrink: 0; background: radial-gradient(82.29% 82.29% at 50% 50%, rgba(143, 143, 143, 0.5) 10%, rgba(255, 255, 255, 0.00) 90%); box-shadow: inset 0 0 0 1px #81818173; display: flex; top: 0px; cursor: pointer; margin: 2.7px; } /* New CSS */ .parent-container { display: flex; flex-wrap: wrap; } .child { max-width: 33.33%; } js: document.addEventListener("DOMContentLoaded", function () { var count = 0; var countOuter =0; var table=document.createElement("div"); table.classList.add("parent-container") for(var i=0;i<(200);i++){ //SATIR var tr=document.createElement("div"); tr.classList.add("child", "childno") tr.classList.add(countOuter) table.appendChild(tr); tr.innerHTML= '<div id="'+count+'" class="emote_container">'+ '<span id="'+count+'" class="emote_name_lbl"> '+count+' </span>'+ '</div>'; count++; countOuter++; } document.getElementById("emotes_area").innerHTML=""; document.getElementById("emotes_area").appendChild(table); }); document.getElementById("input_search").addEventListener("input", function() { var searchValue = this.value.toLowerCase(); // Get the lowercase value of the input var emoteContainers = document.getElementsByClassName("child"); for (var i = 0; i < emoteContainers.length; i++) { var emoteName = emoteContainers[i].getElementsByClassName("emote_name_lbl")[0].innerText.toLowerCase(); if (emoteName.includes(searchValue)) { emoteContainers[i].style.display = "flex"; // Show the emote container } else { emoteContainers[i].style.display = "none"; // Hide the emote container } } }); 您好,这段代码正在运行,这里的代码在 HTML 页面上创建容器并将必要的信息写入这些容器。当此信息与页面上输入文本中写入的任何文本匹配时,会显示包含匹配文本的容器,而不会显示其他容器,但问题是当有 2000 或更多数据时,它会等待 5-10 秒,而寻找。我怎样才能使这个搜索算法更快? 我找不到任何解决方案。有这方面经验的人可以帮我吗? 谢谢! 一种解决方案是避免改变每个元素的可见性,而是每次从头开始构建整个“表”的 HTML。因此初始加载和输入处理程序将依赖于相同的 HTML 构建函数。 初始加载仅包括将数据加载到全局数组中,并使用该数组作为重建 HTML 的基础。 这是一个包含 2000 个条目的演示: const data = []; function display(searchValue) { const table = document.createElement("div"); table.classList.add("parent-container") data.forEach((emoteName, count) => { if (searchValue === undefined || emoteName.includes(searchValue)) { var div = document.createElement("div"); div.classList.add("child", "childno", count); table.appendChild(div); div.innerHTML= '<div id="'+count+'" class="emote_container">'+ '<span class="emote_name_lbl"> '+count+' </span>' + '</div>'; } }); document.getElementById("emotes_area").innerHTML=""; document.getElementById("emotes_area").appendChild(table); } document.addEventListener("DOMContentLoaded", function () { // Load your real data here, into data array for (var count = 0; count < 2000; count++) { data.push(String(count)); } // Create the HTML based on the array display(); }); document.getElementById("input_search").addEventListener("input", function() { // Recreate the HTML based on the data array and the input filter display(this.value.toLowerCase()); }); .emotes_area{ position: absolute; width: 404px; height: 703px; top: 65px; left: 62px; flex-wrap: wrap; overflow-y: auto; overflow-x: hidden; } .emotes_area::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.25); background-color: rgba(255, 255, 255, 0.25); } .emotes_area::-webkit-scrollbar { width: 1px; background-color: #00000000; } .emotes_area::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.25); background-color: rgb(255, 255, 255); } .emote_container{ position: relative; width: 123px; height: 131px; flex-shrink: 0; background: radial-gradient(82.29% 82.29% at 50% 50%, rgba(143, 143, 143, 0.5) 10%, rgba(255, 255, 255, 0.00) 90%); box-shadow: inset 0 0 0 1px #81818173; display: flex; top: 0px; cursor: pointer; margin: 2.7px; } /* New CSS */ .parent-container { display: flex; flex-wrap: wrap; } .child { max-width: 33.33%; } <div class="emotes_area" id="emotes_area"></div> <input class="search_input" id="input_search" type="text" placeholder="Search Something...">
如果我想按字段(例如名称)搜索对象,我应该使用什么java数据结构?
我是Java新手。谁能帮我完成这个作业吗? 公开课书{ 私有整数 ID; 私有字符串标题; 私有字符串作者; 私有整数页面; } 什么 Java 数据
OpenSearch Java 客户端 - 找到其他类似的文档吗?
我在 OpenSearch 中索引了许多文档。有人告诉我可以进行“相关文档”搜索,我可以在其中找到与 ID 为 X 的文档类似的文档,但是...
Powershell 通过查找仅位于行尾的特定单词来搜索并附加字符串中的文本
我有一堆 PNACH 文件,我一直在为在 PCSX2 上运行的 PS2 游戏集合而工作。完成后,我发现很难分辨“代码”块在哪里,因为
Notion API 如何使用 unique_id 进行过滤
从现在开始可以在数据库中声明 unique_id 属性。 但没有关于如何从 unique_id 搜索项目的信息 在 API 调用的正文中,我尝试过 { “过滤&q...
我遇到了清理一些数据的需要,并且我需要在 SQL Server° 中找到一些特定的 guid(即唯一标识符)。 我想出了一个存储过程,可以从每个
我正在尝试过滤azure搜索示例中存在的酒店数据,我无法过滤地址字段 $filter=地址/城市 eq '圣安东尼奥' https://github.com/Azure-Samples/azure-search-
早上好。目前我有以下 java 类,其中有一个身份列表: @盖特 @AllArgsConstructor @RegisterForReflection @NoArgs构造函数 @塞特 公共类身份{ ...
全部: 我想知道如何使我的网站的谷歌搜索结果格式化并列出谷歌本身的类别?这就是所谓的SEO优化吗? 基本上我希望我的网站在谷歌中看起来......
我在我的网站上创建了一个搜索引擎,以便可以通过用户的姓名搜索用户。用户名建议应该根据输入的字母显示,但只要您单击任何
在 Flask 和 Flask-SQLAlchemy 中搜索产品
我目前正在使用 Flask 和 Flask-SQLAlchemy 构建移动应用程序的后端。 我目前陷入了一个功能中。 我在 Postgres 数据库中有一个使用 Flask-SQLAl 创建的 Products 表...
如何防止 useSearchBox() 在初始渲染时查询 Algolia 数据
如何防止 useSearchBox() 在初始渲染时查询 Algolia? 在用户在文本字段中输入字母之前,我不想查询数据。 谢谢!
我正在尝试找到一种方法来列出顶级域 (TLD) 下的所有注册域。 IE。 .com、.net 等下的所有内容。我找到的所有工具仅适用于查找域下的子域。
我在用Python搜索谷歌图像搜索时遇到了非常困难的时间。我需要只使用标准 python 库(所以 urllib、urllib2、json,..) 有人可以帮忙吗?假设...
如何在 JavaScript 中最好地实现 Typesense 风格的网站搜索
我不确定这是否已经存在于其他库中,但我想做的是实现类型感知式搜索,当您输入搜索词时,它会为您提供结果。 来源是j...
想象我有一个 numpy 数组,我需要找到该条件为 True 的跨度/范围。例如,我有以下数组,我试图在其中查找项目大于...的跨度
上下文: 我正在创建一个 Web 应用程序,允许用户在字段中键入 url,单击复选按钮,然后将显示一个结果框,以显示该 url 是否属于受信任的站点或...
我在 SO 上发现了很多类似的问题,但它们要么都是 2 岁以上,要么不正是我要找的问题。 我想做的就是获取 Twitter 用户的列表,他们的个人资料/专业...