惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
云风的 BLOG
云风的 BLOG
IT之家
IT之家
C
Check Point Blog
T
The Blog of Author Tim Ferriss
S
SegmentFault 最新的问题
人人都是产品经理
人人都是产品经理
H
Hackread – Cybersecurity News, Data Breaches, AI and More
美团技术团队
M
MIT News - Artificial intelligence
Jina AI
Jina AI
Blog — PlanetScale
Blog — PlanetScale
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
Microsoft Security Blog
Microsoft Security Blog
G
Google Developers Blog
F
Fortinet All Blogs
V
Visual Studio Blog
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
T
Tailwind CSS Blog
Hugging Face - Blog
Hugging Face - Blog
MyScale Blog
MyScale Blog
爱范儿
爱范儿
The Cloudflare Blog
博客园 - 三生石上(FineUI控件)

OhYee 博客

小鹏辅助驾驶测评|OhYee 博客 小鹏非支持手机开启自动解锁|OhYee 博客 使用函数计算实现 301 重定向|OhYee 博客 针对 HTML 内容使用 Ant Design 图片弹框|OhYee 博客 博客进程泄露及僵尸进程解决|OhYee 博客 蓝易云服务器体验|OhYee 博客 SSH 调起本地 VSCode|OhYee 博客 【2022 秋招内推】阿里云后端研发工程师|OhYee 博客 使用函数计算获取 IP 地址信息|OhYee 博客 正确获取客户端 IP/HTTP Header 也可能重复|OhYee 博客 评测 Oculus Quest2 及 BigScreen|OhYee 博客 NextJS 热重载保留状态|OhYee 博客 如何优雅地贴 gist 代码|OhYee 博客 Linux 精细化文件权限|OhYee 博客 VSCode 容器开发环境|OhYee 博客 Clash 的不兼容更新排查|OhYee 博客 Zeek 导出 PCAP|OhYee 博客 记一次 ssh 配置问题|OhYee 博客 Git Commit 规范化工具|OhYee 博客 谈谈《星之卡比-探索发现》|OhYee 博客 VSCode 快捷键绑定 Shell 命令|OhYee 博客 ASN.1 语法及 X.509 证书格式解析解析|OhYee 博客 腾讯企业邮箱忽略 MX 记录发信|OhYee 博客 Chrome/Edge 标签组插件|OhYee 博客 【应届内推】阿里云后端研发工程师|OhYee 博客 损坏的 Typecho 备份处理为 JSON|OhYee 博客 VS Code VIM 插件高效使用|OhYee 博客 SSH 正反向代理|OhYee 博客 Let's Encrypt 根证书过期引发的问题|OhYee 博客 OpenWRT 忽略内核依赖|OhYee 博客
管理员界面搜索功能|OhYee 博客
2018-05-14 · via OhYee 博客

管理员界面搜索功能

文章多了,标签也多了。想要找某个具体的文章太难,一直想加上这个功能,终于克服了懒癌,加上了。

这是一篇最后编辑于 8 年前 的文章,其内容可能与目前实际情况差异较大,请注意甄别

这个搜索纯粹是前端的内容,就使用了js来写。
大概思路:
给列表的每一项加一个match属性,为真表示匹配,为假表示不匹配。
然后遍历所有列表项,判断每一个列表项是否匹配。
具体判断是否匹配使用for循环遍历该项下的所有文本,然后与搜索串进行对比。
(用了js的indexOf()这玩意没用KMP算法,貌似是为了怕空间炸掉,姑且先用着吧,毕竟自己写KMP又要考虑可能存在的中英文编码的坑了)

本来还考虑到如果属性也是一个对象或者列表时,递归进去继续找来着,发现好像没这个需求,就算了。

这条pr涉及到的改动Merge pull request #19 from OhYee/dev 管理员界面搜索

代码如下:

/* 列表搜索 */
function searchItem(obj, text) {
    // console.log(obj, text)
    var len = obj.length;
    var noMatch = true;
    if (text == "") {
        noMatch = false;
        for (var i = 0; i < len; ++i)
            obj[i].match = true;
    } else {
        for (var i = 0; i < len; ++i) {
            var thisMatch = false;
            var thisItem = obj[i];
            // console.log("search ", thisItem);
            for (var key in thisItem) {
                var value = thisItem[key];
                // console.log("    search ", key, " ", value)
                if (typeof (value) == "string" && value.toLowerCase().indexOf(text.toLowerCase()) > -1) {
                    thisMatch = true;
                }

            }
            thisItem.match = thisMatch;
            noMatch |= thisMatch;
        }
    }
    return noMatch;
}