前端拼音检索-【pinyin-match】

前端开发时，有时数据过多需要快速检索功能，常用的关键字匹配和拼音检索，发现一个不错的插件pinyin-match。

个人感觉应用场景为，数据量不是特别大，一次性加载到前端，由前端实现过滤。数据过大时还是后端完成比较好。

github地址：https://github.com/xmflswood/pinyin-match

示例：

let test = '123曾经沧海难为水除却巫山不是云'PinyinMatch.match(test, '23曾'); // [1, 3]PinyinMatch.match(test, 'cjc') // [3, 5]PinyinMatch.match(test, 'cengjingcanghai') // [3, 6]PinyinMatch.match(test, 'cengjingcangha') // [3, 6]PinyinMatch.match(test, 'engjingcanghai') // falsePinyinMatch.match(test, 'zengjingcang') // [3, 5]PinyinMatch.match(test, 'sdjkelwqf') // falsePinyinMatch.match(test, 'zengji ng cang') // [3, 5]PinyinMatch.match(test, 'zengji ng cangsdjfkl') // falsePinyinMatch.match('   我 爱你 中   国   ', 'nzg') // [6, 12]PinyinMatch.match('   我 爱你 中   国   ', '爱你中') // [5, 8]PinyinMatch.match('發', 'fa') // [0, 0]

前端拼音检索-【pinyin-match】相关推荐

ElasticSearch学习（四）—— 中文按拼音排序拼音检索
使用pinyin分词器下载拼音分词器https://github.com/medcl/elasticsearch-analysis-pinyin 解压进入目录elasticsearch-analys ...
C# 通过拼音检索中文名称
转自:http://blog.csdn.net/wu_zheng_peng/article/details/8639828 using System; using System.Collections ...
Solr之拼音检索。
拼音检索中国人的专用检索,例如:中文内容为"中国"的输入 "zhongguo"."zg"."zhonggu 全拼".&q ...
easyui combobox 拼音检索快捷选择输入
easyui combobox 拼音检索快捷选择输入效果如图 $.ajax({url: UserActionUrl + '?action=listuserworktype',dataType: 'j ...
集合(7)——Dictionary字典(2)——C#中的拼音检索
1.为什么要用拼音检索?坐席只能根据客户的语言进行判断,无法准确写对姓名. 2.Visual Studio International Pack 3.练习:根据文档学习使用方法.发下安装包自己探索.目 ...
支持拼音检索的TextBox扩展控件-使用
我的上一个支持拼音检索的TextBox扩展控件,由于有些网友留言和发邮件问如何用, 如:菜鸟AAA等当时想到肯定大家都会用,就没上传示例程序. 原文为:http://www.cnblogs.com/w ...
拼音检索VS五笔检索---Javascript实现
前段时间在研究用js 实现拼音首字母以及五笔首字符的检索,呵呵,终于实现了.找了好多资料.方法也是多样的.就是检索的内容多了.循环的次数多,导致检索有点慢,也有可能我写的js也不是特别的精炼,但是不管 ...
如何在大型系统中提供拼音检索服务
最近有这么一个需求,客户要求在选择一些业务数据时,能提供类似谷歌的拼音检索功能,由于目前系统中的业务数据都是存储在数据,而且数据量都比较大,目前主要考虑两种实现方式: 第一种通过构建一个包含有所 ...
在ie8上js实现简单的combobox功能(支持拼音检索)
最近在ie8碰到一个js问题,需要实现(ie8)使用拼音或者拼音首字母来检索select中的内容,原来的combobox只能支持汉字输入检索,现在需要进行改进,现在我将一步一步的实现方法记录下来,功能 ...

前端拼音检索-【pinyin-match】

前端拼音检索-【pinyin-match】相关推荐

最新文章

热门文章