首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

微信小程序实时搜索并高亮关键字

很多项目中会有搜索,有时是要点击搜索按钮时搜索,有时是点击键盘完成搜索,还有时需要实时搜索,而高亮关键字也是一个常见的需求。...今天写一个实时搜索并高亮关键字的微信小程序demo,已上传GitHub,需要自取 微信小程序实时搜索高亮关键字demo 这是一个我项目中的截图,但是数据结构又略微有点复杂,不好演示,所以单独又写了一个demo...(new RegExp(`${key}`, 'g'), `%%${key}%%`).split('%%'); } 一、新建一个自定义组件,作为显示有高亮字符串的组件 1、在自定义组件wxml中循环数组并判断是否是关键字然后设置不同的...="searchInputAction" placeholder="输入你要搜索的内容" /> 搜索关键词高亮 完整微信小程序demo源码已上传GitHub,需要自取,GitHub地址: 微信小程序实时搜索高亮关键字demo

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

    PlayWright(六)- 文本输入

    今天我们来讲下文本输入这个操作 上文中我们已经可以定位元素了,并且还学习了点击操作,但有些是需要我们输入文本信息的,我们来学习下playwright的文本输入 1、文本输入 page.fill(selector...,value) selector表示要我们定位的元素 value表示我们要输入的内容 例子:打开百度网页,搜索框输入'python',然后点击搜索 思路:1、定位输入框,输入内容 2、定位百度一下,点击搜索...('#su') # 点击搜索 今天内容是不是很简单,来写一个小练习吧 2、进阶练习 在豆瓣电影中搜索"千与千寻"电影,并进入该电影详情页 在豆瓣电影中点击登录,输入账号密码然后登录...page.goto('https://movie.douban.com/') # 打开百度地址 page.fill('#inp-query', '千与千寻') page.click('[value="搜索...page.fill('#password', '222') # 输入密码 page.click('text=登录豆瓣') # 点击登录

    74040

    Salesforce与微信公众号集成实现输入关键字搜索文章

    去年有个关注的粉丝私下微信聊天,问是否可以在微信公众号做一个搜索功能,通过关键字返回匹配的文章,这样可以减少了一直拖拽耽误的时间和精力。...RequestMessage message) { //用于作为XML拼装的返回结果 String buildXMLString; //通过SOSL根据关键字进行搜索...2}]]>' +''; //XML模板中对应的Placeholder的值 String[] arguments; //非文本输入提示...results = String.format(responseMessageTemplate, arguments); return results; } } 效果展示: 当使用非文本类型在公众号进行搜索...,比如语音,会提示“该公众号目前只支持文字输入”;当输入可以查询到的内容,会以文字的方式返回,点击链接即可进入对应的文章;如果输入的内容在数据库中查询不到,则返回“没有匹配的数据”。

    96420

    Linux grep 文本搜索工具

    前言grep 是一个常用的文本搜索工具,通常用于在文本文件中查找特定模式或字符串。它的名字是 "global regular expression print" 的缩写。...可以帮助你在文本文件中查找特定的内容,无论是简单的字符串还是复杂的正则表达式模式。基本用法grep pattern filenamepattern:要搜索的正则表达式模式或字符串。...filename:要在其上执行搜索的文件名。...pattern" filename.txt-r:递归搜索目录中的文件grep -r pattern directory递归搜索目录中的文件:grep -r "pattern" directory/-n:...://[^\s]+" file.txt匹配空白行:匹配空白行:grep "^\s*$" file.txt匹配引号内的文本:匹配双引号内的文本:grep "\"[^\"]*\"" file.txt匹配单引号内的文本

    17821
    领券