鸿蒙开发者社区

首先，准备一个data.txt文件，输入一段中文文字。将data.txt放在resourcebasemedia目录下。util工具函数util工具函数提供了nodejs同样的编解码能力https:docs.openharmony.cnpagesv3.1zhcnapplicationdevreferenceapisjsapisutil.md该模块主要提供常用的工具函数，实现字符串编解码（TextEncoder，TextDecoder）、有理数运算（RationalNumber）、缓冲区管理（LruBuffer）、范围判断（Scope）、Base64编解码（Base64）、内置对象...

在查看common.d.ts声明文件的时候发现有两个文档上没见过的常量javascriptDefiningBuilderParamPropertyDecoratorsince7declareconstBuilderParam:PropertyDecorator;DefiningStylesMethodDecoratorsince8declareconstStyles:MethodDecorator;BuilderParam是一个变量装饰器Styles是一个方法装饰器BuilderParam这个装饰器有什么用呢，我们来看一段这样的代码。使用IDE:DevEcoStudio3.0Beta3eTS的自定义组件似乎没有为我们供Slot...

npm是js的包管理器，通过npm我们可以来管理OpenHarmony第三方库这里以eTS组件为例创建本地组件IDE：DevEcoStudio3.0.0.900首先我们新建项目选择API8，eTS等待项目完成我们可以看到在entry目录下，有个package.json文件，我们的第三方库都是会使用npm命令安装在entry下接下来我们要创建自己的第三方组件了，我们新建一个module选择OhosLibrary给module起个名字，这里我就叫test了，选择eTS，Finish我们可以看到在新的module下面...

上一篇试着实现了AnimateCSS效果[【甜甜酱OH实践】ETS简单实现AnimateCSS动画](https:ost.51cto.composts11643)我想了想是不是可以做一个第三方组件把想要执行动画的组件包裹起来，我就不用每个组件都实现一遍动画。于是我尝试写了一个AnimationWrapper，不是很成熟，大家有兴趣可以试试组件地址：https:gitee.comhytyjhamstermieohosanimationwrapper示例AnimationWrapper介绍OpenHarmonyETS实现AnimateCSS动画库现在只有两个...

显式动画接口名称功能描述animateTo(value:[AnimationOption](https:gitee.comopenharmonydocsblob5654c2b940ab3e2f4f0baf435e630c4ef3536428zhcnapplicationdevreferencearkuitstsexplicitanimation.mdanimationoption对象说明),event:()void):void提供全局animateTo显式动画接口来指定由于闭包代码导致的状态变化插入过渡动效。event指定显示动效的闭包函数，在闭包函数中导致的状态变化系统会自动插入过渡动画。参考文档http...

一个简单的绘图板快速体验etscanvas绘图javascriptEntryComponentstructIndex{privatesettings:RenderingContextSettingsnewRenderingContextSettings(true)privatectx:CanvasRenderingContext2DnewCanvasRenderingContext2D(this.settings)Statex:number0Statey:number0StatestartX:number0StatestartY:number0privatecolors['000000','ff0000','ffff00','0000ff','ff00ff']build(){Stack(){Canvas(this.ctx).width('100%').he...

什么是单选组熟悉web的小伙伴一定知道，在html中如果我们给radio表单设置相同的name，会视为一个单选组。html我是成员1我是成员2我是成员3对于一个单选组，我们只需要知道这个组里，我们选中的表单值就好了。javascriptdocument.getElementsByName("group").forEach((v){v.addEventListener("change",function(e){letvaluee.currentTarget.valuedocument.getElementById("result").innerText"您选中了成员"+value},false)})单选...

可能会有遗漏或者错误，欢迎大家指正补充。文档补充会跟随我自己学习进度不定期更新，包含我自己总结的一些简单示例。支持版本OpenHarmony3.1betaSDKVersion8子组件可以包含子组件。Checkbox、Switch子组件会渲染在控件之后，推荐使用Row容器包裹。Button子组件会渲染在控件内。接口typescriptToggle(options:{type:ToggleType,isOn:boolean})参数参数名参数类型必填默认值参数描述typeToggleType是无组件展现形式isOnboolean否...

使用DevEco开发OpenHarmony应用的小伙伴是不是经常发现，明明OpenHarmony提供了接口支持，但是IDE却没有任何提示，甚至出现报错，需要使用忽略大法tsignore才能使开发流程不被堵塞。那么跟着我一起来探究下OpenHarmony的声明文件吧。查看OpenHarmonyAPI的声明文件也是辅助了解OpenHarmony接口能力的好方法。（但API不一定是全部被实现的）API声明文件公共仓公共仓地址：https:gitee.comopenharmonyinterfacesdkjstreemaster选择...

Launcher系统桌面应用Launcher作为系统人机交互的首要入口，提供应用图标的显示、点击启动、卸载应用，并提供桌面布局设置以及最近任务管理等功能。Launcher采用纯JS语言开发，开发过程中不涉及任何Java部分的代码。https:gitee.comopenharmonyapplicationslauncher开发环境系统版本：OpenHarmony3.0LTSOpenHarmony3.1beta开发板：3516rk3568IDE：DevEco3.0.0.800前置知识【甜甜酱OH实践】OpenHarmony预置系统应用编译安装全流...

开发环境系统版本：OpenHarmony3.0LTSOpenHarmony3.1beta开发板：3516rk3568IDE：DevEco3.0.0.800开源系统应用SystemUISystemUI应用是OpenHarmony中预置的系统应用，为用户提供系统相关信息展示及交互界面，包括系统状态、系统提示、系统提醒等，例如系统时间、电量信息。https:gitee.comopenharmonyapplicationssystemuiSettings设置应用是OpenHarmony系统中预置的系统应用，为用户提供设置系统属性的交互界面，例如设置系统时...

大家经常浏览网页，是不是发现鼠标按住图片拖动后，可以拖出一个虚影。对于WEB前端，WebAPI提供drag接口，很简单就可以实现一个这样的效果。对于OpenHarmony应用开发的小伙伴们，我们也可以利用onTouch实现一个这样的效果。拖拽效果展示完整代码查看：https:gitee.comhytyjhamstermietianopendocument.gitArkUI实现WebAPIDrag拖拽效果demopage.ets实现思路实现思路很简单。我们设置一个模拟块，这个模拟块是永远叠在最上面的。...