纯前端支持拼音搜索功能

参考文档：js-pinyin

先安装

npm install js-pinyin

再引入拼音插件

import jsPINYIN from 'js-pinyin';

使用

obj.pinyin = jsPINYIN.getFullChars(name).toLowerCase() + name;

获取中文名称的拼音拼接上中文，即可实现纯前端的支持拼音搜索功能

纯前端支持拼音搜索功能相关推荐

自制Unity文件查找器，支持拼音搜索
前言一个大型项目,配置表上千个是很正常的,这个时候想要搜索某个配置表,是有点蛋疼的事情. 自己写个配置查找器吧,效果如下: 优点: 搜索速度快: 支持拼音搜索: 支持快速打开: 缺点: 拼音只能挨个 ...
基于前端javascript的搜索功能
当在数据量不是很大,而且没有后端对应的功能接口的时候,一些简单的搜索功能基本上是前端去实现的,正好最近用到,写了一个,贴出来和大家分享: 功能描述: 按下键盘后及时搜索条目中的汉字,汉字对应的拼音和号 ...
VUE纯前端导出excel表格功能《转载》
插件:使用vue-json-excel插件实现Vue纯前端导出简单的Excel表格功能. 使用方法 1. 安装依赖 npm install vue-json-excel 2. 引入组件 a. 全局引入 ...
select2.js插件新增支持拼音搜索
话不多说直奔主题 1.拼音搜索的原理: 将下拉框选项中的中文转换成汉语拼音,然后与输入的字母进行比较,如果包含则被检索出来. 2.效果: 3.在select2.js中找到matcher 方法,对此方法 ...
MongoDB 核心将支持全文搜索功能 (2.3.2)
来自 MongoDB 官方 JIRA 的一个新特性报告称 MongoDB 将在 2.3.2 版本中增加全文搜索功能.该功能还是体验到阶段,使用方法包括: db.adminCommand( { setP ...
微信小程序前端备忘录记事本搜索功能
微信小程序搜索功能,小程序自带weui, 阅读文档,WeUI组件库简介 | 微信开放文档 (qq.com) 1推荐使用方法: 在//app.json中录下下列句子 "useExtendedL ...
前端自动化测试——百度搜索功能实战演示
开发环境 win10.pycharm.python3.8 代码(注:webdriver 在py脚本相同目录下) import allure from selenium import webdriver ...
纯前端实现下载excel功能
<template><div><button id="btn" @click="handlerClick">下载</b ...
前端页面的搜索功能的实现
<input type="text" id="campus" class="layui-input" onkeyup="ck ...
Elasticsearch实战-实现Hotel索引库的自动补全、拼音搜索功能
一.实现思路 1.修改hotel索引库结构,设置自定义拼音分词器 2.修改索引库的name.all字段,使用自定义分词器 3.索引库添加一个新字段suggestion,类型为completion类型, ...

纯前端支持拼音搜索功能

纯前端支持拼音搜索功能相关推荐

最新文章

热门文章