首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    HarmonyOS实战: 城市选择功能的快速实现

    实现效果需求分析处理城市列表中的多音字。城市列表要按照字母表的顺序排列将首字母相同的城市分组。...不管是哪种方式获取城市数据,都无法保证数据的顺序符合需求,在处理数据顺序之前,首先要处理数据中的多音字,对常见多音字手动添加拼音字母,其余城市直接获取首字母,这里需要借助一个三方库pinyin4js 获取汉字的第一个拼音字母...得到排序后的数据,需要对数据进行分组,将首字母相同的城市放在同一个数组里,这一步有点复杂,需要慢慢看。 let target = data[0].letter?....遍历到最后一条数据时,需要对最后一条数据进行处理,结束后将最后一个字母相同的数据存入城市集合。 if (number == data.length - 1) { if (!...使用ListItemGroup 用来显示每组城市的首字母,sticky(StickyStyle.Header) 则是开启粘性标题,也就是滑动列表时,每组城市的首字母固定显示在上方。

    53710

    前端中文汉字转拼音

    本文简介 这次要推荐一个在前端就能实现 汉字转拼音 的工具库 —— pinyin-pro 。 这个库不止能把中文转成拼音输出,还有拼音匹配、获取声母、获取韵母、获取拼音首字母等功能。...特色功能 获取汉字、词语、句子等多种格式的拼音 获取声母 获取韵母 获取拼音首字母 获取音调 获取多音字的多种拼音 支持人名姓氏模式 支持自定义拼音 支持字符串和数组两种输出形式 支持拼音文本匹配功能...引入某个版本,如3.5.0版本 --> js...Object 类型,用于配置各种输出形式,options 的键值配置如下: 参数 说明 类型 可选值 默认值 pattern 输出的结果的信息(拼音 / 声母 / 韵母 / 音调 / 首字母) string...boolean true / false false nonZh 定义非汉字字符的输出形式 string spaced / consecutive / removed spaced v 是否将拼音 ü

    8K20

    微信小程序的省市选择组件 citySelector分享

    省份/城市/区县定位选择器 :dash::rocket: 微信小程序,一行代码引入的省份/城市/区县定位选择器的库 主要功能 自动定位 城市、区县(也支持手动重新定位) 手动 汉字、拼音搜索 城市,支持搜索数量...335个,覆盖地级市 亦可通过 侧边栏 选择,城市按拼音首字母排列 选择好城市后,自动显示 辖下区县 集成说明 将libs文件夹拷贝至您的小程序项目根目录 在您的项目根目录 app.json 里的 pages...数组里增加一行 "libs/citySelector/switchcity/switchcity" 打开项目里的 /libs/citySelector/config.default.js 文件 将其中的.../switchcity" 或者,在 JS 代码里直接使用 wx.navigateTo 打开地区选择器 wx.navigateTo({ url: '/libs/citySelector/switchcity.../switchcity', }); 两种方法二选一即可 获取返回数据 在switchcity页选择完地区之后,点击会自动返回,并且将省份/城市/区县数据设置到本页面的 this.data.address

    6.7K70

    第28篇:用户名字典生成工具V0.2发布,(将中文汉字姓名转成11种格式的拼音)

    于是ABC_123重写了一款“用户名字典生成工具”,用于将中文汉字姓名转换为拼音格式,支持多达11种拼音格式的转换。 工具特点如下: 1. 综合处理速度和准确度,选用了最新的拼音转换支持库。...支撑转成11种格式的用户名拼音(大家有什么好的建议,可以在公众号后台给我发消息留言) 3. 对读入的中文汉字姓名列表文件进行编码识别,避免出现中文乱码问题。 4....Part3 工具使用 工具的使用非常简单,选择一个汉字姓名字典,比如“names.txt”,然后勾选需要的用户名规则,点击“生成拼音格式字典”,程序会自动生成output.txt文件。...生成的output.txt文件内容如下,可以看到,生成了各种的拼音格式,这样的字典列表可以使枚举用户名的成功率大大增加。

    1.6K40

    微信小程序——城市区县定位选择组件

    城市选择器示例.gif 在改写完代码以后,我也来谈谈这个小组件里的实现逻辑。...我们将地级市的数据存放到本地的city.js文件中,在这个city.js的文件中,还同时包括城市检索的首字母的数组数据,页面的城市列表以及首字母检索的数据就会从city.js中读取。...在页面生命周期开始时,我们得获取当前设备的屏幕高度,用以计算右侧首字母列表的单个item高度,并且要将首字母检索的数组重组结构,最后绑定到当前页面的data下,如下的逻辑 const searchLetter...在点击了城市的Cell之后,接下来的操作就是通过腾讯地图API去请求接口,获取当前城市的附属区县数据,展示并可以再次点选。...我们的搜索框要求能够通过汉字或者拼音搜索,所以在搜索逻辑中,我们根据对象的short和shorter属性来进行匹配,具体的逻辑可以看如下代码: /** * 搜索匹配逻辑 */ auto() {

    8K50

    纯血鸿蒙APP实战开发——城市定位选择案例

    介绍本示例介绍城市选择场景的使用:通过 AlphabetIndexer 实现首字母快速定位城市的索引条导航。...效果图预览使用说明分两个功能在搜索框中可以根据城市拼音模糊搜索出相近的城市,例如输入"a",会出现"阿尔山"、"阿勒泰地区"、"安庆"、"安阳"。...下方城市列表通过AlphabetIndexer组件实现拼音索引条,通过滑动选择城市首拼,快速定位相关首拼城市。...实现思路场景:通过AlphabetIndexer实现索引条导航城市列表中的右侧首拼索引条,通过AlphabetIndexer组件实现首字母快速定位城市的索引条导航。...当点击AlphabetIndexer的字母索引时,通过scrollToIndex触发list组件滑动并指定firstIndex,从而实现List列表与AlphabetIndexer组件首字母联动吸顶展示

    80420

    iOS实践:打造一个可以快速索引的城市列表页1. 从plist中获取城市字典2. 对城市的首字母进行排序3. 设置边栏索引4. 关于约束的重要提示5. 完善:封装

    相信绝大部分LBS的APP里面,大家都能看到一个带索引的城市列表页面,用来让用户选择所在城市。...我们就一步一步的来实现这个页面,最终效果如下: Paste_Image.png 最终我们会按照首字母汉语拼音对所有城市进行排序,可以通过右侧的首字母索引来快速定位到城市。 1....从plist中获取城市字典 1.1 准备素材,下载文件 城市列表(带拼音首字母的),下载地址: 链接: https://pan.baidu.com/s/1nV**YJJ 密码: cjpw...对城市的首字母进行排序 对所有字典key的数组中的内容进行排序 对于排序,系统提供了两种办法可以进行排序。我们就不用再写什么冒泡儿、选择之类的算法了,直接来就可以用。...Nonnull obj1, id _Nonnull obj2) { // 升序排序 return [obj1 compare:obj2]; // 将序排序

    3.3K20

    实战:Vue全家桶+SSR+Koa2实现美团网

    /Passport HTTP通讯 :Axios 数据支撑 :Mongoose/Redis/高德地图web服务api接口 实现功能 登录注册,qq邮箱自动发验证码 城市切换:更新不同城市的信息...; 或者把data里的this暂时存起来_this=this; 导入数据库 mongoimport -d dbs -c test pois.dat ssr:服务端直接打在网页上的源码,不需要重渲染 拼音库...可以实现那汉字转拼音 npm i js-pinyin js按照数组里元素的首字母排序 如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字...scrollTop if(top>0&&top<viewPortHeight){ return true } else{ return false; } } 地图如何实现自动定位 380+170 将...list从头开始遍历,直到找到比他大的scollTop,就return 将第一个比它大的point存入vuex里。

    1.7K40

    推荐一款基于.NetCore高性能敏感词检测开源库

    01 项目简介 这是一款基于.Net开发的、高性能敏感词工具箱,支持繁简互换、全角半角互换,拼音模糊搜索等功能。功能强大、高性能,秒级检测亿级别的文章。...、繁简转换、数字转大小写操作 此工具箱,集成了繁体简体互转、拼音转换、首字母提取、数字转大小写,使用例子如下: // 转成简体 WordsHelper.ToSimplifiedChinese("我愛中國...WordsHelper.ToSBC("abcABC123"); // 转成半角 WordsHelper.ToDBC("abcABC123"); // 数字转成中文大写 WordsHelper.ToChineseRMB...WordsHelper.GetPinyin("我爱中国",",");//Wo,Ai,Zhong,Guo WordsHelper.GetPinyin("我爱中国",true);//WǒÀiZhōngGuó // 获取首字母...WordsHelper.GetFirstPinyin("我爱中国");//WAZG // 获取全部拼音 WordsHelper.GetAllPinyin('传');//Chuan,Zhuan // 获取姓名

    1.2K10

    2014-10-27Android学习------布局处理(八)------自定义ListView的监听事件和Adapter的实现-----城市列表应用程序

    先必须介绍下相关的变量 变量:private String[] sections;// 存放存在的汉语拼音首字母 就是当前城市名称是开头的字母是什么,放在这个数组 // 里面 ,...; // 存放存在的汉语拼音首字母和与之对应的列表位置 // 这个变量就是 A 字母 应该放在视图上面列表的哪个位置 例如下图中的M 和N 看图解释: 所以创造出自己的Adapter...for (int i = 0; i < list.size(); i++) { // 当前汉语拼音首字母 String currentStr = list.get(i).getNameSort...();//list.get(i)是一个类 // 上一个汉语拼音首字母,如果不存在为“ ” String previewStr = (i - 1) >= 0 ?...(); alphaIndexer.put(name, i);//放一个i 这个i很重要,它表示"M"显示在哪里 sections[i] = name;//当前的这个i对应的城市的名称的首字母

    1K20
    领券