@@ -236,8 +237,8 @@ tid属性主要用来加速for循环的重渲染，旨在列表中的数据有
```
-```
-// xxx.css
+```css
+/* xxx.css */
.container{
flex-direction: column;
align-items: center;
@@ -250,7 +251,7 @@ tid属性主要用来加速for循环的重渲染，旨在列表中的数据有
```
-```
+```js
// xxx.js
export default {
data: {
@@ -269,7 +270,7 @@ export default {
优化渲染优化：show方法。当show为真时，节点正常渲染；当为假时，仅仅设置display样式为none。
-```
+```html
@@ -278,8 +279,8 @@ export default {
```
-```
-// xxx.css
+```css
+/* xxx.css */
.container{
flex-direction: column;
align-items: center;
@@ -292,7 +293,7 @@ export default {
```
-```
+```js
// xxx.js
export default {
data: {
@@ -305,4 +306,5 @@ export default {
```
> **说明：**
-> 禁止在同一个元素上同时设置for和if属性。
+>
+> 禁止在同一个元素上同时设置for和if属性。
diff --git a/zh-cn/application-dev/reference/arkui-js-lite/js-framework-syntax-js.md b/zh-cn/application-dev/reference/arkui-js-lite/js-framework-syntax-js.md
index 1a9c10683d0a75f0aab1997e49ada59b84a664c4..19823d44ee74a86b286e439aedafade9001a089e 100644
--- a/zh-cn/application-dev/reference/arkui-js-lite/js-framework-syntax-js.md
+++ b/zh-cn/application-dev/reference/arkui-js-lite/js-framework-syntax-js.md
@@ -31,7 +31,7 @@ JS文件用来定义HML页面的业务逻辑，支持ECMA规范的JavaScript语
- 模块声明
使用import方法引入功能模块：
-
+
```
import router from '@system.router';
```
@@ -39,7 +39,7 @@ JS文件用来定义HML页面的业务逻辑，支持ECMA规范的JavaScript语
- 代码引用
使用import方法导入js代码：
-
+
```
import utils from '../../common/utils.js';
```
@@ -48,25 +48,25 @@ JS文件用来定义HML页面的业务逻辑，支持ECMA规范的JavaScript语
## 对象
- 页面对象
- | 属性 | 类型 | 描述 |
- | -------- | -------- | -------- |
- | data | Object/Function | 页面的数据模型，类型是对象或者函数，如果类型是函数，返回值必须是对象。属性名不能以$或_开头，不要使用保留字for, if, show, tid。
|
- | $refs | Object | 持有注册过ref 属性的DOM元素或子组件实例的对象。示例见[获取DOM元素](#获取dom元素)。 |
+ | 属性 | 类型 | 描述 |
+ | ----- | --------------- | ---------------------------------------- |
+ | data | Object/Function | 页面的数据模型，类型是对象或者函数，如果类型是函数，返回值必须是对象。属性名不能以$或_开头，不要使用保留字for, if, show, tid。
|
+ | $refs | Object | 持有注册过ref 属性的DOM元素或子组件实例的对象。示例见[获取DOM元素](#获取dom元素)。 |
## 获取DOM元素
1. 通过$refs获取DOM元素
-
- ```
+
+ ```html
```
-
- ```
+
+ ```js
// index.js
export default {
data: {
@@ -94,29 +94,29 @@ JS文件用来定义HML页面的业务逻辑，支持ECMA规范的JavaScript语
## 生命周期接口
- 页面生命周期
- | 属性 | 类型 | 参数 | 返回值 | 描述 | 触发时机 |
- | -------- | -------- | -------- | -------- | -------- | -------- |
- | onInit | Function | 无 | 无 | 页面初始化 | 页面数据初始化完成时触发，只触发一次。 |
- | onReady | Function | 无 | 无 | 页面创建完成 | 页面创建完成时触发，只触发一次。 |
- | onShow | Function | 无 | 无 | 页面显示 | 页面显示时触发。 |
- | onHide | Function | 无 | 无 | 页面消失 | 页面消失时触发。 |
- | onDestroy | Function | 无 | 无 | 页面销毁 | 页面销毁时触发。 |
-
+ | 属性 | 类型 | 参数 | 返回值 | 描述 | 触发时机 |
+ | --------- | -------- | ---- | ---- | ------ | ------------------- |
+ | onInit | Function | 无 | 无 | 页面初始化 | 页面数据初始化完成时触发，只触发一次。 |
+ | onReady | Function | 无 | 无 | 页面创建完成 | 页面创建完成时触发，只触发一次。 |
+ | onShow | Function | 无 | 无 | 页面显示 | 页面显示时触发。 |
+ | onHide | Function | 无 | 无 | 页面消失 | 页面消失时触发。 |
+ | onDestroy | Function | 无 | 无 | 页面销毁 | 页面销毁时触发。 |
+
页面A的生命周期接口的调用顺序：
- 打开页面A：onInit() -> onReady() -> onShow()
-
+
- 在页面A打开页面B：onHide() -> onDestroy()
-
+
- 从页面B返回页面A：onInit() -> onReady() -> onShow()
-
+
- 退出页面A：onHide() -> onDestroy()
-
+
- 页面隐藏到后台运行：onHide()
-
+
- 页面从后台运行恢复到前台：onShow()
- 应用生命周期
- | 属性 | 类型 | 参数 | 返回值 | 描述 | 触发时机 |
- | -------- | -------- | -------- | -------- | -------- | -------- |
- | onCreate | Function | 无 | 无 | 应用创建 | 当应用创建时调用。 |
- | onDestroy | Function | 无 | 无 | 应用退出 | 当应用退出时触发。 |
+ | 属性 | 类型 | 参数 | 返回值 | 描述 | 触发时机 |
+ | --------- | -------- | ---- | ---- | ---- | --------- |
+ | onCreate | Function | 无 | 无 | 应用创建 | 当应用创建时调用。 |
+ | onDestroy | Function | 无 | 无 | 应用退出 | 当应用退出时触发。 |
diff --git a/zh-cn/application-dev/reference/arkui-js/js-components-canvas-canvasrenderingcontext2d.md b/zh-cn/application-dev/reference/arkui-js/js-components-canvas-canvasrenderingcontext2d.md
index 80e1fced38bfce12740fe9c04130e9748aeaf8dc..70a811bde54a71cefae8a5d054df2437a9a76ce2 100644
--- a/zh-cn/application-dev/reference/arkui-js/js-components-canvas-canvasrenderingcontext2d.md
+++ b/zh-cn/application-dev/reference/arkui-js/js-components-canvas-canvasrenderingcontext2d.md
@@ -1,6 +1,7 @@
# CanvasRenderingContext2D对象
> **说明：**
+>
> 从API version 4开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。
使用CanvasRenderingContext2D在canvas画布组件上进行绘制，绘制对象可以是矩形、文本、图片等。
@@ -862,10 +863,10 @@ moveTo(x: number, y: number): void
**参数：**
-| 参数 | 类型 | 描述 |
-| ---- | ------ | --------- |
-| x | number | 指定位置的x坐标。 |
-| y | number | 指定位置的y坐标。 |
+| 参数 | 类型 | 描述 |
+| ---- | ------ | ------------------ |
+| x | number | 指定位置的x坐标。
单位：vp |
+| y | number | 指定位置的y坐标。
单位：vp |
**示例：**
```html
@@ -901,8 +902,8 @@ lineTo(x: number, y: number): void
| 参数 | 类型 | 描述 |
| ---- | ------ | --------- |
-| x | number | 指定位置的x坐标。 |
-| y | number | 指定位置的y坐标。 |
+| x | number | 指定位置的x坐标。
单位：vp |
+| y | number | 指定位置的y坐标。
单位：vp |
**示例：**
```html
diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-web.md b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-web.md
index 58881b652afc9db5bed6fd472d0b07509b8e622d..9a458a8629e489665047cc7fc85f9becad320226 100755
--- a/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-web.md
+++ b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-web.md
@@ -28,7 +28,7 @@ Web(options: { src: ResourceStr, controller: WebviewController | WebController})
| 参数名 | 参数类型 | 必填 | 参数描述 |
| ---------- | ---------------------------------------- | ---- | ------- |
| src | [ResourceStr](ts-types.md) | 是 | 网页资源地址。如果访问本地资源文件，请使用$rawfile或者resource协议。如果加载应用包外沙箱路径的本地资源文件，请使用file://沙箱文件路径。 |
-| controller | [WebviewController
9+](../apis/js-apis-webview.md#webviewcontroller) \| [WebController](#webcontroller) | 是 | 控制器。从API Version 9开始，WebController不在维护，建议使用WebviewController替代。 |
+| controller | [WebviewController
9+](../apis/js-apis-webview.md#webviewcontroller) \| [WebController](#webcontroller) | 是 | 控制器。从API Version 9开始，WebController不再维护，建议使用WebviewController替代。 |
**示例：**
@@ -241,7 +241,7 @@ javaScriptProxy(javaScriptProxy: { object: object, name: string, methodList: Arr
| object | object | 是 | - | 参与注册的对象。只能声明方法，不能声明属性。 |
| name | string | 是 | - | 注册对象的名称，与window中调用的对象名一致。 |
| methodList | Array\
| 是 | - | 参与注册的应用侧JavaScript对象的方法。 |
-| controller | [WebviewController9+](../apis/js-apis-webview.md#webviewcontroller) \| [WebController](#webcontroller) | 是 | - | 控制器。从API Version 9开始，WebController不在维护，建议使用WebviewController替代。 |
+| controller | [WebviewController9+](../apis/js-apis-webview.md#webviewcontroller) \| [WebController](#webcontroller) | 是 | - | 控制器。从API Version 9开始，WebController再维护，建议使用WebviewController替代。 |
**示例：**
@@ -2158,7 +2158,7 @@ onScaleChange(callback: (event: {oldScale: number, newScale: number}) => void)
onUrlLoadIntercept(callback: (event?: { data:string | WebResourceRequest }) => boolean)
当Web组件加载url之前触发该回调，用于判断是否阻止此次访问。默认允许加载。
-从API version 10开始不在维护，建议使用[onLoadIntercept10+](#onloadintercept10)代替。
+从API version 10开始再维护，建议使用[onLoadIntercept10+](#onloadintercept10)代替。
**参数：**
@@ -4988,7 +4988,7 @@ clearHistory(): void
setCookie(url: string, value: string): boolean
设置cookie，该方法为同步方法。设置成功返回true，否则返回false。
-从API version 9开始不在维护，建议使用[setCookie9+](../apis/js-apis-webview.md#setcookie)代替。
+从API version 9开始不再维护，建议使用[setCookie9+](../apis/js-apis-webview.md#setcookie)代替。
**参数：**
@@ -5028,7 +5028,7 @@ setCookie(url: string, value: string): boolean
saveCookie(): boolean
将当前存在内存中的cookie同步到磁盘中，该方法为同步方法。
-从API version 9开始不在维护，建议使用[saveCookieAsync9+](../apis/js-apis-webview.md#savecookieasync)代替。
+从API version 9开始不再维护，建议使用[saveCookieAsync9+](../apis/js-apis-webview.md#savecookieasync)代替。
**返回值：**
diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-custom-component-lifecycle.md b/zh-cn/application-dev/reference/arkui-ts/ts-custom-component-lifecycle.md
index 477a9ca18f97c53922be2e37237be1577280a582..b668d1eeeb84c2060e21e669b5ef53e8fe717bde 100644
--- a/zh-cn/application-dev/reference/arkui-ts/ts-custom-component-lifecycle.md
+++ b/zh-cn/application-dev/reference/arkui-ts/ts-custom-component-lifecycle.md
@@ -43,7 +43,7 @@ onPageHide?(): void
onBackPress?(): void
-当用户点击返回按钮时触发，仅\@Entry装饰的自定义组件生效。返回true表示页面自己处理返回逻辑，不进行页面路由，返回false表示使用默认的路由返回逻辑。不设置返回值按照false处理。
+当用户点击返回按钮时触发，仅\@Entry装饰的自定义组件生效。
```ts
diff --git a/zh-cn/application-dev/reference/js-service-widget-ui/js-service-widget-common-gradient.md b/zh-cn/application-dev/reference/js-service-widget-ui/js-service-widget-common-gradient.md
index 5a8da0fdde73adcd3714953cb1b580397deab18e..12cc4da8db8569355d6d0d000627b2e9d1a03515 100644
--- a/zh-cn/application-dev/reference/js-service-widget-ui/js-service-widget-common-gradient.md
+++ b/zh-cn/application-dev/reference/js-service-widget-ui/js-service-widget-common-gradient.md
@@ -33,54 +33,55 @@ background: repeating-linear-gradient(direction/angle, color, color, ...);
支持以下四种方式：\#ff0000、\#ffff0000、rgb(255, 0, 0)、rgba(255, 0, 0, 1)，需要指定至少两种颜色。
-- 参数
+**参数：**
- | 名称 | 类型 | 默认值 | 必填 | 描述 |
- | --------- | ---------------------------------------- | ---------------------------- | ---- | ---------------------------------------- |
- | direction | to <side-or-corner> <side-or-corner> = [left \| right] \|\| [top \| bottom] | to bottom (由上到下渐变) | 否 | 指定过渡方向，如：to left (从右向左渐变) ，或者to bottom right (从左上角到右下角)。 |
- | angle | <deg> | 180deg | 否 | 指定过渡方向，以元素几何中心为坐标原点，水平方向为X轴，angle指定了渐变线与Y轴的夹角(顺时针方向)。 |
- | color | <color> [<length>\|<percentage>] | - | 是 | 定义使用渐变样式区域内颜色的渐变效果。 |
+| 名称 | 类型 | 默认值 | 必填 | 描述 |
+| --------- | ---------------------------------------- | ---------------------------- | ---- | ---------------------------------------- |
+| direction | to <side-or-corner> <side-or-corner> = [left \| right] \|\| [top \| bottom] | to bottom (由上到下渐变) | 否 | 指定过渡方向，如：to left (从右向左渐变) ，或者to bottom right (从左上角到右下角)。 |
+| angle | <deg> | 180deg | 否 | 指定过渡方向，以元素几何中心为坐标原点，水平方向为X轴，angle指定了渐变线与Y轴的夹角(顺时针方向)。 |
+| color | <color> [<length>\|<percentage>] | - | 是 | 定义使用渐变样式区域内颜色的渐变效果。 |
-- 示例
+**示例：**
- 1. 默认渐变方向为从上向下渐变。
+1. 默认渐变方向为从上向下渐变。
- ```css
- #gradient {
- height: 300px;
- width: 600px;
- /* 从顶部开始向底部由红色向绿色渐变 */
- background: linear-gradient(red, #00ff00);
- }
- ```
+ ```css
+ #gradient {
+ height: 300px;
+ width: 600px;
+ /* 从顶部开始向底部由红色向绿色渐变 */
+ background: linear-gradient(red, #00ff00);
+ }
+ ```
- 
+ 
- 2. 45度夹角渐变。
+2. 45度夹角渐变。
+ ```css
+ /* 45度夹角，从红色渐变到绿色 */
+ background: linear-gradient(45deg, rgb(255, 0, 0),rgb(0, 255, 0));
+ ```
- ```css
- /* 45度夹角，从红色渐变到绿色 */
- background: linear-gradient(45deg, rgb(255, 0, 0),rgb(0, 255, 0));
- ```
+ 
- 
+3. 设置方向从左向右渐变。
- 3. 设置方向从左向右渐变。
+ ```css
+ /* 从左向右渐变，在距离左边90px和距离左边360px (600*0.6) 之间270px宽度形成渐变 */
+ background: linear-gradient(to right, rgb(255, 0, 0) 90px, rgb(0, 255, 0) 60%);
+ ```
- ```css
- /* 从左向右渐变，在距离左边90px和距离左边360px (600*0.6) 之间270px宽度形成渐变 */
- background: linear-gradient(to right, rgb(255, 0, 0) 90px, rgb(0, 255, 0) 60%);
- ```
+ 
+4. 重复渐变。
- 
+ ```css
+ /* 从左向右重复渐变，重复渐变区域30px（60-30）透明度0.5 */
+ background: repeating-linear-gradient(to right, rgba(255, 255, 0, 1) 30vp,rgba(0, 0, 255, .5) 60vp);
+ ```
+
+ 
- 4. 重复渐变。
- ```css
- /* 从左向右重复渐变，重复渐变区域30px（60-30）透明度0.5 */
- background: repeating-linear-gradient(to right, rgba(255, 255, 0, 1) 30vp,rgba(0, 0, 255, .5) 60vp);
- ```
- 
diff --git a/zh-cn/application-dev/ui/arkts-common-components-xcomponent.md b/zh-cn/application-dev/ui/arkts-common-components-xcomponent.md
index b3fb7674e968e5153a9215a62e9357727bed702d..d503763d71618f8bbfbc742048eae2727d9e2fbd 100644
--- a/zh-cn/application-dev/ui/arkts-common-components-xcomponent.md
+++ b/zh-cn/application-dev/ui/arkts-common-components-xcomponent.md
@@ -107,7 +107,7 @@ extern "C" __attribute__((constructor)) void RegisterModule(void)
### 解析XComponent组件的NativeXComponent实例
-NativeXComponent为XComponent提供了在native层的实例，可作为js层和native层XComponent绑定的桥梁。XComponent所提供的的NDK接口都依赖于该实例。具体NKD接口可参考[Native XComponent](../reference/native-apis/_o_h___native_x_component.md)。
+NativeXComponent为XComponent提供了在native层的实例，可作为js层和native层XComponent绑定的桥梁。XComponent所提供的的NDK接口都依赖于该实例。具体NDK接口可参考[Native XComponent](../reference/native-apis/_o_h___native_x_component.md)。
可以在模块被加载时的回调内（即[Napi模块注册](#napi模块注册)中的Init函数）解析获得NativeXComponent实例
diff --git a/zh-cn/application-dev/website.md b/zh-cn/application-dev/website.md
index 0fe2f82f11864cdd0d3ca48233164018371d5631..690e0006f5f10c397993170259611e21f3bd6454 100644
--- a/zh-cn/application-dev/website.md
+++ b/zh-cn/application-dev/website.md
@@ -31,16 +31,41 @@
- [module对象内部结构](quick-start/module-structure.md)
- [资源分类与访问](quick-start/resource-categories-and-access.md)
- 学习ArkTS语言
- - [初识ArkTS语言](quick-start/arkts-get-started.md)
- - ArkTS语法（声明式UI）
- - [基本UI描述](quick-start/arkts-basic-ui-description.md)
+ - [初识ArkTS语言](quick-start/arkts-get-started.md)
+ - 基本语法
+ - [基本语法概述](quick-start/arkts-basic-syntax-overview.md)
+ - [声明式UI描述](quick-start/arkts-declarative-ui-description.md)
+ - 自定义组件
+ - [创建自定义组件](quick-start/arkts-create-custom-components.md)
+ - [页面和自定义组件生命周期](quick-start/arkts-page-custom-components-lifecycle.md)
+ - [\@Builder：自定义构建函数](quick-start/arkts-builder.md)
+ - [\@BuilderParam：引用\@Builder函数](quick-start/arkts-builderparam.md)
+ - [\@Styles：定义组件重用样式](quick-start/arkts-style.md)
+ - [\@Extend：定义扩展组件样式](quick-start/arkts-extend.md)
+ - [stateStyles：多态样式](quick-start/arkts-statestyles.md)
- 状态管理
- - [基本概念](quick-start/arkts-state-mgmt-concepts.md)
- - [页面级变量的状态管理](quick-start/arkts-state-mgmt-page-level.md)
- - [应用级变量的状态管理](quick-start/arkts-state-mgmt-application-level.md)
- - [动态构建UI元素](quick-start/arkts-dynamic-ui-elememt-building.md)
- - [渲染控制](quick-start/arkts-rendering-control.md)
- - [使用限制与扩展](quick-start/arkts-restrictions-and-extensions.md)
+ - [状态管理概述](quick-start/arkts-state-management-overview.md)
+ - 管理组件拥有的状态
+ - [\@State：组件内状态](quick-start/arkts-state.md)
+ - [\@Prop：父子单向同步](quick-start/arkts-prop.md)
+ - [\@Link：父子双向同步](quick-start/arkts-link.md)
+ - [\@Provide和\@Consume：与后代组件双向同步](quick-start/arkts-provide-and-consume.md)
+ - [\@Observed和\@ObjectLink：嵌套类对象属性变化](quick-start/arkts-observed-and-objectlink.md)
+ - 管理应用拥有的状态
+ - [管理应用拥有的状态概述](quick-start/arkts-application-state-management-overview.md)
+ - [LocalStorage：页面级UI状态存储](quick-start/arkts-localstorage.md)
+ - [AppStorage：应用全局的UI状态存储](quick-start/arkts-appstorage.md)
+ - [PersistentStorage：持久化存储UI状态](quick-start/arkts-persiststorage.md)
+ - [Environment：设备环境查询](quick-start/arkts-environment.md)
+ - 其他状态管理
+ - [其他状态管理概述](quick-start/arkts-other-state-mgmt-functions-overview.md)
+ - [\@Watch：状态变量更改通知](quick-start/arkts-watch.md)
+ - [$$语法：内置组件双向同步](quick-start/arkts-two-way-sync.md)
+ - 渲染控制
+ - [渲染控制概述](quick-start/arkts-rendering-control-overview.md)
+ - [if/else：条件渲染](quick-start/arkts-rendering-control-ifelse.md)
+ - [ForEach：循环渲染](quick-start/arkts-rendering-control-foreach.md)
+ - [LazyForEach：数据懒加载](quick-start/arkts-rendering-control-lazyforeach.md)
- 开发
- 应用模型
- 应用模型概述
@@ -174,31 +199,63 @@
- UI开发
- [方舟开发框架（ArkUI）概述](ui/arkui-overview.md)
- 基于ArkTS的声明式开发范式
- - [概述](ui/ui-ts-overview.md)
- - [声明式UI开发指导](ui/ui-ts-developing-intro.md)
- - 声明式UI开发实例
- - [创建简单视图](ui/ui-ts-creating-simple-page.md)
- - 构建完整实例
- - [构建食物数据模型](ui/ui-ts-building-data-model.md)
- - [构建食物列表List布局](ui/ui-ts-building-category-list-layout.md)
- - [构建食物分类Grid布局](ui/ui-ts-building-category-grid-layout.md)
- - [页面跳转与数据传递](ui/ui-ts-page-redirection-data-transmission.md)
- - 添加闪屏动画
- - [绘制图像](ui/ui-ts-drawing-feature.md)
- - [添加动画效果](ui/ui-ts-animation-feature.md)
- - [常用组件说明](ui/ui-ts-components-intro.md)
- - 常见布局开发指导
- - 自适应布局
- - [线性布局](ui/ui-ts-layout-linear.md)
- - [层叠布局](ui/ui-ts-layout-stack.md)
- - [弹性布局](ui/ui-ts-layout-flex.md)
- - [网格布局](ui/ui-ts-layout-grid.md)
- - 响应式布局
- - [栅格布局](ui/ui-ts-layout-grid-container-new.md)
- - [媒体查询](ui/ui-ts-layout-mediaquery.md)
- - [自定义组件的生命周期](ui/ui-ts-custom-component-lifecycle-callbacks.md)
- - [Web组件开发指导](ui/ui-ts-components-web.md)
- - [性能提升的推荐方法](ui/ui-ts-performance-improvement-recommendation.md)
+ - [UI开发（ArkTS声明式开发范式）概述](ui/arkts-ui-development-overview.md)
+ - 开发布局
+ - [布局概述](ui/arkts-layout-development-overview.md)
+ - 构建布局
+ - [线性布局](ui/arkts-layout-development-linear.md)
+ - [层叠布局](ui/arkts-layout-development-stack-layout.md)
+ - [弹性布局](ui/arkts-layout-development-flex-layout.md)
+ - [相对布局](ui/arkts-layout-development-relative-layout.md)
+ - [栅格布局](ui/arkts-layout-development-grid-layout.md)
+ - [媒体查询](ui/arkts-layout-development-media-query.md)
+ - [创建列表](ui/arkts-layout-development-create-list.md)
+ - [创建网格](ui/arkts-layout-development-create-grid.md)
+ - [创建轮播](ui/arkts-layout-development-create-looping.md)
+ - [改善布局性能](ui/arkts-layout-development-performance-boost.md)
+ - 添加组件
+ - 添加常用组件
+ - [按钮](ui/arkts-common-components-button.md)
+ - [单选框](ui/arkts-common-components-radio-button.md)
+ - [切换按钮](ui/arkts-common-components-switch.md)
+ - [进度条](ui/arkts-common-components-progress-indicator.md)
+ - [文本显示](ui/arkts-common-components-text-display.md)
+ - [文本输入](ui/arkts-common-components-text-input.md)
+ - [自定义弹窗](ui/arkts-common-components-custom-dialog.md)
+ - [视频播放](ui/arkts-common-components-video-player.md)
+ - [XComponent](ui/arkts-common-components-xcomponent.md)
+ - 添加气泡和菜单
+ - [气泡提示](ui/arkts-popup-and-menu-components-popup.md)
+ - [菜单](ui/arkts-popup-and-menu-components-menu.md)
+ - 设置页面路由和组件导航
+ - [页面路由](ui/arkts-routing.md)
+ - 组件导航
+ - [Navigation](ui/arkts-navigation-navigation.md)
+ - [Tabs](ui/arkts-navigation-tabs.md)
+ - 显示图形
+ - [显示图片](ui/arkts-graphics-display.md)
+ - [绘制几何图形](ui/arkts-geometric-shape-drawing.md)
+ - [使用画布绘制自定义图形](ui/arkts-drawing-customization-on-canvas.md)
+ - 使用动画
+ - [动画概述](ui/arkts-animation-overview.md)
+ - 页面内的动画
+ - [布局更新动画](ui/arkts-layout-update-animation.md)
+ - [组件内转场动画](ui/arkts-transition-animation-within-component.md)
+ - [弹簧曲线动画](ui/arkts-spring-animation.md)
+ - 页面间的动画
+ - [放大缩小视图](ui/arkts-zoom-animation.md)
+ - [页面转场动画](ui/arkts-page-transition-animation.md)
+ - 支持交互事件
+ - [交互事件概述](ui/arkts-event-overview.md)
+ - 使用通用事件
+ - [触屏事件](ui/arkts-common-events-touch-screen-event.md)
+ - [键鼠事件](ui/arkts-common-events-device-input-event.md)
+ - [焦点事件](ui/arkts-common-events-focus-event.md)
+ - 使用手势事件
+ - [绑定手势方法](ui/arkts-gesture-events-binding.md)
+ - [单一手势](ui/arkts-gesture-events-single-gesture.md)
+ - [组合手势](ui/arkts-gesture-events-combined-gestures.md)
+ - [性能提升的推荐方法](ui/arkts-performance-improvement-recommendation.md)
- 兼容JS的类Web开发范式
- [概述](ui/ui-js-overview.md)
- 框架说明
@@ -271,6 +328,22 @@
- [动画动效](ui/ui-js-animate-dynamic-effects.md)
- [动画帧](ui/ui-js-animate-frame.md)
- [自定义组件](ui/ui-js-custom-components.md)
+ - Web
+ - [Web组件概述](web/web-component-overview.md)
+ - [使用Web组件加载页面](web/web-page-loading-with-web-components.md)
+ - 设置基本属性和事件
+ - [设置深色模式](web/web-set-dark-mode.md)
+ - [上传文件](web/web-file-upload.md)
+ - [在新窗口中打开页面](web/web-open-in-new-window.md)
+ - [管理位置权限](web/web-geolocation-permission.md)
+ - 在应用中使用前端页面JavaScript
+ - [应用侧调用前端页面函数](web/web-in-app-frontend-page-function-invoking.md)
+ - [前端页面调用应用侧函数](web/web-in-page-app-function-invoking.md)
+ - [建立应用侧与前端页面数据通道](web/web-app-page-data-channel.md)
+ - [管理页面跳转及浏览记录导航](web/web-redirection-and-browsing-history-mgmt.md)
+ - [管理Cookie及数据存储](web/web-cookie-and-data-storage-mgmt.md)
+ - [自定义页面请求响应](web/web-resource-interception-request-mgmt.md)
+ - [使用Devtools工具调试前端页面](web/web-debugging-with-devtools.md)
- 通知
- [通知概述](notification/notification-overview.md)
- [订阅通知（仅对系统应用开放）](notification/notification-subscription.md)
@@ -1465,4 +1538,4 @@
- [IDE使用常见问题](faqs/faqs-ide.md)
- [hdc_std命令使用常见问题](faqs/faqs-hdc-std.md)
- [开发板使用常见问题](faqs/faqs-development-board.md)
-
+