Loading [MathJax]/jax/input/TeX/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >中文转为拼音pinyin三方库发布

中文转为拼音pinyin三方库发布

作者头像
徐建国
发布于 2024-12-27 11:15:57
发布于 2024-12-27 11:15:57
12100
代码可运行
举报
文章被收录于专栏:个人路线个人路线
运行总次数:0
代码可运行

pinyin

将中文转为拼音。不依赖任何三方库,几KB原生实现,有良好的兼容性,不挑运行环境。

安装

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
ohpm install @nutpi/pinyin

使用

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
// 引入拼音转换库
import PinyinConverter from '@nutpi/pinyin';

// 创建拼音转换器实例
const converter = new PinyinConverter();


@Entry
@Component
struct Index {
  @State message: string = 'Hello World';

  aboutToAppear(): void {

    this.message = converter.convert("坚果派")
  }

  build() {
    RelativeContainer() {
      Text(this.message)
        .id('HelloWorld')
        .fontSize(50)
        .fontWeight(FontWeight.Bold)
        .alignRules({
          center: { anchor: '__container__', align: VerticalAlign.Center },
          middle: { anchor: '__container__', align: HorizontalAlign.Center }
        })
    }
    .height('100%')
    .width('100%')
  }
}

效果

image-20241226232652114

三方库地址

https://ohpm.openharmony.cn/#/cn/detail/@nutpi%2Fpinyin

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2024-12-27,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 大前端之旅 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
应用开发如何获取设备DPI
屏幕属性提供管理显示设备的一些基础能力,包括获取默认显示设备的信息,获取所有显示设备的信息以及监听显示设备的插拔行为。早上有人在群里问,于是给回复一下,
徐建国
2024/06/19
1710
应用开发如何获取设备DPI
【HarmonyOS NEXT】实现页面水印功能
在app开发过程中时常会出现敏感信息页面,为保护信息安全和及时的数据追踪,通常会采用给页面加水印的形式,那么本期文章会介绍如何在鸿蒙应用中实现页面水印的功能。
用户11403658
2024/12/25
1770
axios发起网络请求
Axios[1] ,是一个基于 promise 的网络请求库,可以运行 node.js 和浏览器中。
徐建国
2024/06/19
1950
axios发起网络请求
HarmonyOS Next 自定义组件@Component的生命周期
用户4773577
2025/06/27
650
【HarmonyOS NEXT】深入理解LocalStorage
##鸿蒙开发能力 ##HarmonyOS SDK应用服务##鸿蒙金融类应用 (金融理财#
GeorgeGcs
2025/06/29
600
【 HarmonyOS 5 入门系列 】鸿蒙HarmonyOS示例项目讲解
根据华为开发者联盟 2024 年数据报告显示,HarmonyOS 设备激活量已突破 7.3 亿台,其中采用 ArkTS 声明式 UI 框架开发的应用占比达 68%,较 2023 年提升 45 个百分点。
GeorgeGcs
2025/06/03
1860
【 HarmonyOS 5 入门系列 】鸿蒙HarmonyOS示例项目讲解
鸿蒙开发:自定义一个搜索模版
在之前的文章中,我们简单分析了弹性布局Flex,并使用Flex实现了一个简单的流式布局,今天这篇文章,我们就结合搜索框,完成一个常见的搜索页面,具体的效果如下图所示:
程序员一鸣
2025/03/13
1000
鸿蒙开发:自定义一个搜索模版
HarmonyOS Next快速入门:页面路由
##HarmonyOS Next快速入门##HarmonyOS应用开发##教育##
中雨
2025/06/23
410
鸿蒙开发:相对布局RelativeContainer
最新的DevEco Studio,在创建一个新项目的时候,官方已经默认把RelativeContainer组件做为根布局使用了,由此可见,RelativeContainer组件的重要性;相对于其它的容器组件,它的出现,解决了一个实际开发中的重要问题,那就是复杂场景中的元素对齐。
程序员一鸣
2025/03/11
1980
鸿蒙开发:相对布局RelativeContainer
纯血鸿蒙APP实战开发——页面加载效果实现案例
本示例介绍Stack堆叠组件和LoadingProgress加载组件模拟首次进入页面实现页面加载的效果。加载完成后,LoadingProgress组件会消失并展示加载结果页(即商品页)。
小帅聊鸿蒙
2025/01/16
2130
纯血鸿蒙APP实战开发——页面加载效果实现案例
鸿蒙Next层叠布局使用Stack还是RelativeContainer?
层叠布局(Stack)用于在屏幕上预留一块区域来显示组件中的元素,提供元素可以重叠的布局。层叠布局通过Stack容器组件实现位置的固定定位与层叠,容器中的子元素依次入栈,后一个子元素覆盖前一个子元素,子元素可以叠加,也可以设置位置。 相对布局(RelativeContainer)是一种采用相对布局的容器,支持容器内部的子元素设置相对位置关系,适用于处理界面复杂的场景,对多个子元素进行对齐和排列。子元素可以指定兄弟元素或父容器作为锚点,基于锚点进行相对位置布局。
用户4773577
2025/06/27
550
鸿蒙开发:自定义一个联系人模版
右边是字母列表,左边是展示字母对应的列表,这种效果常见于通讯录,比如微信通讯录,也常见于手机的联系人,如下图所示:
程序员一鸣
2025/05/21
1170
鸿蒙开发:自定义一个联系人模版
【HarmonyOS】鸿蒙应用实现调用系统地图导航或路径规划
##鸿蒙开发能力 ##HarmonyOS SDK应用服务##鸿蒙金融类应用 (金融理财#
GeorgeGcs
2025/06/29
830
【HarmonyOS 5】鸿蒙中@State的原理详解
@State 是 HarmonyOS ArkTS 框架中用于管理组件状态的核心装饰器,其核心作用是实现数据驱动 UI 的响应式编程模式。通过将变量标记为 @State,开发者可以确保当状态值发生变化时,依赖该状态的 UI 组件会自动重新渲染,从而保持数据与界面的实时同步。
GeorgeGcs
2025/04/10
2850
【HarmonyOS 5】鸿蒙中@State的原理详解
ArkUI容器类组件-相对布局容器(RelativeContainer)
ArkUI 开发框架提供了 RelativeContainer 组件实现相对布局的能力,该布局适用于复杂场景下多元素对齐的情况。该组件可以包含多个子组件,本节笔者简单介绍一下 RelativeContainer 的使用。
小帅聊鸿蒙
2024/09/30
2670
ArkUI容器类组件-相对布局容器(RelativeContainer)
Luxon三方库发布啦
Luxon is a library for working with dates and times in arkts.
徐建国
2024/02/22
1490
Luxon三方库发布啦
七、ArkTS 声明式UI-常用布局-相对布局 (RelativeContainer)
https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-layout-development-relative-layout-V5
Harry技术
2025/01/13
1890
七、ArkTS 声明式UI-常用布局-相对布局 (RelativeContainer)
《元服务开发实践》第一章 环境与示例
安装包地址:https://developer.huawei.com/consumer/cn/download/
徐建国
2024/11/07
1140
《元服务开发实践》第一章 环境与示例
鸿蒙开发:一文探究Navigation路由组件
如果你还在使用router做为页面跳转,建议切换Navigation组件作为应用路由框架,不为别的,因为官方目前针对router已不在推荐。
程序员一鸣
2024/12/23
3220
鸿蒙开发:一文探究Navigation路由组件
#跟着坚果学鸿蒙# 元服务应用100例——1、冥想计时器元服务
本系列文章主要是为了让大家更好的了解元服务,使用大量的元服务应用给大家一个开发方向的提示,让大家在项目开发的过程中有一个思维方向的提示,元服务没有那么难,只要用心搞,大家都能成为一名比较标准的开发工程师,并且获取自己的元服务项目,如果是通过坚果派来发布还能省去很多麻烦的认证环节,很方便。
红目香薰
2025/05/18
1030
#跟着坚果学鸿蒙# 元服务应用100例——1、冥想计时器元服务
推荐阅读
相关推荐
应用开发如何获取设备DPI
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验