Dev Blog

1，鸿蒙DevEco Studio 机测试Failure[INSTALL_FAILED_APP_SOURCE_NOT_TRUSTED]勾选自动签名，然后自动跳转登录华为网站，登录即可。

用于设置区分TabBar和TabContent的分割线样式设置分割线样式，默认不显示分割线。DividerStyle: 分割线的样式；null: 不显示分割线。

亲测可用，一共三个关于 转pinyin的库，一个无法使用，另一个时间太久。

App适配鸿蒙Next，开始做支付功能了，目前来说只有支付宝支持鸿蒙Next，微信还没上架，但是支付宝官方的文档跟Demo都很老，下载官方的Demo用最新版的DevEco-Studio导入都不成功。

网址：https://developer.huawei.com/consumer/cn/service/josp/agc/index.html#/网址：https://developer.huawei.com/consumer/cn/service/josp/agc/index.html#/build - Build Hap(s)/App(s) -Build APP(S) 打包，生成的.app在项目级别的build内。3.就生成了对应的：密钥库文件（.p12）和证书请求文件（.csr）

确认上面证书配置OK，访问http://127.0.0.1:8899/#rules，左侧导航选择「Rules」将规则贴在默认上，Ctrl+S 或者手动点击上面Save，确认Default旁边没有红色*访问http://127.0.0.1:8899/#network，在底部Filter中输入queryTestTaskQualification开始监听。华为应用市场里的「抢先体验」，实际并没用校验华为账号或者其它id，只是用cdn返回的json文件控制是否全局开启测试（回包里面没有任何身份标识）

terminateSelf() 停止Ability自身。最后调用： AppUtil.out() 搞定🤝。在EntryAbility中这么使用。在Pages页面中这么使用。

1.把 loadurl的方法写在web组件的生命周期里面。

输入： chrome://inspect/#devices。结果：Forwardport result:OK。这样就可以调试 web 页面了。62479 为上面查到的ID。手机上打开webview。

key: value, key为string，value发送事件时传递的数据，支持数据类型包括Array、ArrayBuffer、Boolean、DataView、Date、Error、Map、Number、Object、Primitive（除了symbol）、RegExp、Set、String、TypedArray，数据大小最大为16M。本模块提供了在同一进程不同线程间，或同一进程同一线程内，发送和处理事件的能力，包括持续订阅事件、单次订阅事件、取消订阅事件，以及发送事件到事件队列的能力。

即被状态装饰器（@State、@Prop、@Link、@Provide、@Consume）修饰的变量，比如 @State str : string='';不同于上文提到的父子组件之间的状态传递，@Provide和@Consume实现跨层级传递，不受限父、子之间，还可以父、孙之间传递（跨过子组件）。应用于对状态变量的监听。父、子组件双向同步，子组件中被@Link装饰的变量与其父组件中对应的数据源建立双向数据绑定。@State装饰的变量，是私有的，只能被组件内部访问，在声明时必须指定其类型和本地初始化。

使用 ListScroller。

可以定义一个controller类，在controller类中定义和子组件中类型相同的方法，在子组件中将实际封装的方法给到controller。父组件在使用时，new一个controller对象然后转入子类中，在父组件中调用controller对应的方法即可。

应用通过状态去渲染更新UI是程序设计中相对复杂，但又十分重要的，往往决定了应用程序的性能。目前很多关于UI构造和更新的问题，都是由于ViewModel的设计并没有很好的支持自定义组件的渲染，或者试图去让自定义组件强行适配Model层，而中间没有用ViewModel来进行分离。虽然与强制将UI拟合到SQL数据库模式（MV模式）相比，MVVM的设计比较复杂，但应用程序开发人员可以通过ViewModel层的隔离，来简化UI的设计和实现，以此来收获更好的UI性能。Model层：存储数据和相关逻辑的模型。

这些类型的任务使用TaskPool可以简化开发工作量，避免管理复杂的生命周期，避免线程泛滥，开发者只需要将上述独立的任务放入TaskPool队列，再等待结果即可。ArkTS提供了任务池（TaskPool）的并发能力，可以将独立的耗时任务分发到子线程中执行，满足上述业务场景并行化执行的诉求，开发者只需要如下三个步骤即可完成任务并发编程。由于执行时间较长的任务会占据任务池中的线程，导致其他任务没有空闲线程调度，因此对于一直占据任务线程执行超过3分钟的任务，系统会进行回收。将图片或视频进行编解码再展示。

鸿蒙关于页面跳转提供了两套解决方案，一套是页面路由 router，一套是组件导航 Navigation。前期我们在基建开发期间，采用的页面路由 router 方案，@zz/router 组件代码已经开发完毕了，但是到了开发 WebView 的 Hybrid 接口时，才意识到一个严重的问题，就是 router 提供的能力，并不能满足我们复杂的页面栈管理，譬如在页面栈中多个 WebView，我们需要关闭指定的 WebView 页面，router 提供的 API 能力是无法做到的。支持，需要先import页面。

1、arc(x, y, r, startAngle, endAngle, anticlockwise): 以(x, y) 为圆心，以r 为半径，从 startAngle 弧度开始到endAngle弧度结束。最好还是用上，因为不结束路径，有时候你再次画线会和上次的线连上了。2、arcTo(x1, y1, x2, y2, radius): 根据给定的控制点和半径画一段圆弧，最后再以直线连接两个控制点。使用渐变，设置fillStyle或strokeStyle的值为 渐变，然后绘制形状，如矩形，文本，或一条线。

新增的标签，所以它是有兼容性问题的。并限定画布的大小（不设宽高的话，默认宽300px，高150px），由于有一部分浏览器并不支持canvas标签，所以在标签里加入的替换的内容，当浏览器不显示canvas标签时，会有替换的内容做提示用。getContext("2d") 对象是内建的 HTML5 对象，拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。解释一下上面的位置坐标，现在我们设置的画布宽和高都是300，（0，0）就相当于画布的左上角，（300，300）就相当于画布的右下角。二、canvas的使用。

如果应用的功能比较复杂，需要使用 ExtensionAbility 组件，可以采用多 HAP（即一个 entry 包+多个 feature 包）来实现应用开发，每个 HAP 中包含一个 UIAbility 组件或者一个 ExtensionAbility 组件。鸿蒙 App 的项目结构一般为：HAP(主 App) 依赖 HSP(动态库) 或 HAR(静态库)。一般我们的业务模块为创建为 HSP 动态库模式，也是官网建议的模式，主要是可以缩减包体积大小。

Charles是一款用于网络调试和分析的代理工具，可以拦截和查看设备与服务器之间的网络通信。通过Charles，可以监视应用程序的网络流量、修改请求和响应，甚至模拟不同的网络条件。使用时需要通过设置应用的请求经过Charles客户端代理转发到服务器，这样可以在Charles客户端进行抓包。

打开文件会默认下载文件到临时目录（%USER%\AppData\Local\Huawei\DevecoStudio{版本号}\device-file-browser{设备名称}{设备上的文件路径}），关闭文件后，临时文件将被删除。如果需要查看数据库文件，可以通过该方式将数据库文件（路径举例：data > app > el2 > 100 > database >项目名称 > entry > rdb > 数据库文件）下载到PC上，再通过其他工具进行可视化查看。右键单击目录或文件，进行新建/删除操作。

在 TypeScript 和 JavaScript 中进行 URL 编码的最简单方式是使用内置的 global 函数 encodeURIComponent()。

在 TypeScript 中，与 JavaScript 一样，你可以使用扩展运算符（Spread Operator）来进行一些方便的操作，比如将数组展开成独立的元素、合并对象等。"是在ES6中引入的一种语法,它用于展开数组、对象或字符串。扩展运算符的主要作用是快速、简洁地实现对集合元素地操作。下文将介绍扩展运算符的几种基本用法。

【代码】鸿蒙 雷达图 绘制 人生四运图。

在使用router.pushUrl({url: url, params: params})进行页面间传递数据时发现，params如果是Map或者其中包含Map时，在目标页面通过router.getParams()取得对应Map数据后，Map 为空，数据丢失，即无法从该Map对象中通过get取得对应value。router是无法传递map类型的数据的,params中只能包含基础类型的数据，推荐使用Navigation进行复杂数据类型的传参（虽然可以传对象，但对象里目前也只能包含基础类型）;

在 TypeScript 和 JavaScript 中，反引号（）表示模板字面量（Template Literals）。

用于设置区分TabBar和TabContent的分割线样式设置分割线样式，默认不显示分割线。DividerStyle: 分割线的样式；null: 不显示分割线。

这种方法用于遍历数组中的每一个元素。在循环中，item表示当前遍历到的元素，index表示当前元素的索引。这种方法返回一个数组，其中包含对象的属性名。可以使用forEach()方法对每个属性名进行循环操作。这种方法返回一个数组，其中包含对象的属性值。可以使用forEach()方法对每个属性值进行循环操作。这种方法返回一个数组，其中包含对象的键值对。可以使用forEach()方法对每个键值对进行循环操作。这种循环适用于遍历对象的属性名。在循环中，key表示当前遍历到的属性名。

是一个在 JavaScript 和 TypeScript 中用于对象和类之间进行转换的库。它特别有用在处理从 API 返回的 JSON 数据和将其转换为类的实例时，或者在序列化类的实例为 JSON 字符串时。instanceToPlain: 将类的实例转换回普通 JavaScript 对象。plainToClass: 将普通 JavaScript 对象转换为类的实例。HarmonyOS 中使用三方包。下载class-transform。

的具体用法，例如，现需要实现一个通用的卡片组件，如下图所示。卡片中显示的内容不固定，例如。

encoding编码格式，从编码格式转换为WordArray对象，反之亦然。引入三方库 crypto-js ，我已经在 API 11 测试通过，目前没有遇到性能问题。我们需要的结果是base64 之后的，所以我这里直接 toString()；CryptoJS相关属性说明。

亲测可用，一共三个关于 转pinyin的库，一个无法使用，另一个时间太久。将输入字符串从源格式转换为目标格式。鸿蒙系统可以用多语言来实现。

1. 文本末尾显示....textOverflow({overflow:TextOverflow.Ellipsis}).ellipsisMode(EllipsisMode.END)

参加华为社区相关Next 的活动，只要申请通过就可以下载模拟器。整个过程稍微慢些，大家可以根据活动相关信息，加入微信群。争取早日体验 next。目前模拟器里边还是空空的，没有什么内置 APP ，但是足够大家开发调试使用了。有什么问题可以留言。