update docs

Signed-off-by: Nester.zhou <ester.zhou@huawei.com>

en/application-dev/notification/common-event.md

@@ -25,13 +25,13 @@ You can create a subscriber object to subscribe to a common event to obtain the
 ### How to Develop
 1. Import the **commonEvent** module.
 
-```javascript
+```js
 import commonEvent from '@ohos.commonEvent';
 ```
 
 2. Create a **subscribeInfo** object. For details about the data types and parameters of the object, see [CommonEventSubscribeInfo](../reference/apis/js-apis-commonEvent.md#commoneventsubscribeinfo).
 
-```javascript
+```js
 private subscriber = null	// Used to save the created subscriber object for subsequent subscription and unsubscription.
 
 // Subscriber information
@@ -42,7 +42,7 @@ var subscribeInfo = {
 
 3. Create a subscriber object and save the returned object for subsequent operations such as subscription and unsubscription.
 
-```javascript
+```js
 // Callback for subscriber creation.
 commonEvent.createSubscriber(subscribeInfo, (err, subscriber) => {
     if (err.code) {
@@ -57,7 +57,7 @@ commonEvent.createSubscriber(subscribeInfo, (err, subscriber) => {
 
 4. Create a subscription callback, which is triggered when an event is received. The data returned by the subscription callback contains information such as the common event name and data carried by the publisher. For details about the data types and parameters of the common event data, see [CommonEventData](../reference/apis/js-apis-commonEvent.md#commoneventdata).
 
-```javascript
+```js
 // Callback for common event subscription.
 if (this.subscriber != null) {
     commonEvent.subscribe(this.subscriber, (err, data) => {
@@ -74,7 +74,7 @@ if (this.subscriber != null) {
 }
 ```
 
-## Public Event Publishing Development
+## Common Event Publishing Development
 
 ### When to Use
 You can use the **publish** APIs to publish a custom common event, which can carry data for subscribers to parse and process.
@@ -89,13 +89,13 @@ You can use the **publish** APIs to publish a custom common event, which can car
 #### Development for Publishing a Common Event
 1. Import the **commonEvent** module.
 
-```javascript
+```js
 import commonEvent from '@ohos.commonEvent';
 ```
 
 2. Pass in the common event name and callback, and publish the event.
 
-```javascript
+```js
 // Publish a common event.
 commonEvent.publish("event", (err) => {
 	if (err.code) {
@@ -109,13 +109,13 @@ commonEvent.publish("event", (err) => {
 #### Development for Publishing a Common Event with Given Attributes
 1. Import the **commonEvent** module.
 
-```javascript
+```js
 import commonEvent from '@ohos.commonEvent'
 ```
 
 2. Define attributes of the common event to publish. For details about the data types and parameters in the data to publish, see [CommonEventPublishData](../reference/apis/js-apis-commonEvent.md#commoneventpublishdata).
 
-```javascript
+```js
 // Attributes of a common event.
 var options = {
 	code: 1,			 // Result code of the common event
@@ -125,7 +125,7 @@ var options = {
 
 3. Pass in the common event name, attributes of the common event, and callback, and publish the event.
 
-```javascript
+```js
 // Publish a common event.
 commonEvent.publish("event", options, (err) => {
 	if (err.code) {
@@ -149,14 +149,14 @@ You can use the **unsubscribe** API to unsubscribe from a common event.
 ### How to Develop
 1. Import the **commonEvent** module.
 
-```javascript
+```js
 import commonEvent from '@ohos.commonEvent';
 ```
 
 2. Subscribe to a common event by following instructions in [Common Event Subscription Development](#Common-Event-Subscription-Development).
 3. Invoke the **unsubscribe** API in **CommonEvent** to unsubscribe from the common event.
 
-```javascript
+```js
 if (this.subscriber != null) {
     commonEvent.unsubscribe(this.subscriber, (err) => {
         if (err.code) {

en/application-dev/quick-start/syscap.md

@@ -4,26 +4,26 @@
 
 ### System Capabilities and APIs
 
-SysCap is short for System Capability. It refers to a standalone feature in the operating system, for example, Bluetooth, Wi-Fi, NFC, or camera. Each system capability corresponds to a set of bound APIs, whose availability depends on the support of the target device. Such a set of APIs can be provided in the IDE for association.
+SysCap is short for System Capability. It refers to a standalone feature in the operating system, for example, Bluetooth, Wi-Fi, NFC, or camera. Each SysCap corresponds to a set of bound APIs, whose availability depends on the support of the target device. Such a set of APIs are provided in DevEco Studio for association.
 
 ![image-20220326064841782](figures/image-20220326064841782.png)
 
 
 
-### Supported Capability Set, Associated Capability Set, and Required Capability Set
+### Supported SysCap Set, Associated SysCap Set, and Required SysCap Set
 
-The supported capability set, associated capability set, and required capability set are collections of system capabilities.
-The supported capability set covers the device capabilities, and the required capability set covers the application capabilities. If the capability set required by application A is a subset of the capability set supported by device N, application A can be distributed to device N for installation and running. Otherwise, application A cannot be distributed.
-The associated capability set covers the system capabilities of associated APIs that the IDE offers during application development.
+The supported SysCap set, associated SysCap set, and required SysCap set are collections of SysCaps.
+The supported SysCap set covers the device capabilities, and the required SysCap set covers the application capabilities. If the SysCap set required by application A is a subset of the SysCap set supported by device N, application A can be distributed to device N for installation and running. Otherwise, application A cannot be distributed.
+The associated SysCap set covers the system capabilities of associated APIs that the IDE offers during application development.
 
 ![image-20220326064913834](figures/image-20220326064913834.png)
 
 
 
-### Devices and Supported Capability Sets
+### Devices and Supported SysCap Sets
 
-Each device provides a capability set that matches its hardware capability.
-The SDK classifies devices into general devices and custom devices. The general devices' supported capability set is defined by OpenHarmony, and the custom devices' is defined by device vendors.
+Each device provides a SysCap set that matches its hardware capability.
+The SDK classifies devices into general devices and custom devices. The general devices' supported SysCap set is defined by OpenHarmony, and the custom devices' is defined by device vendors.
 
 ![image-20220326064955505](figures/image-20220326064955505.png)
 
@@ -31,7 +31,7 @@ The SDK classifies devices into general devices and custom devices. The general
 
 ### Mapping Between Devices and SDK Capabilities
 
-The SDK provides a full set of APIs for the IDE. The IDE identifies the supported capability set based on the devices supported by the project, filters the APIs contained in the capability set, and provides the supported APIs for association (to autocomplete input).
+The SDK provides a full set of APIs for the IDE. DevEco Studio identifies the supported SysCap set based on the devices supported by the project, filters the APIs contained in the SysCap set, and provides the supported APIs for association (to autocomplete input).
 
 ![image-20220326065043006](figures/image-20220326065043006.png)
 
@@ -49,11 +49,11 @@ Right-click the project directory and choose **Import Product Compatibility ID**
 
 
 
-### Configuring the Associated Capability Set and Required Capability Set
+### Configuring the Associated SysCap Set and Required SysCap Set
 
-The IDE automatically configures the associated capability set and required capability set based on the settings supported by the created project. You can modify the capability sets when necessary.
-You can add APIs to the associated capability set in the IDE by adding system capabilities. However, note that these APIs may not be supported on the device. Therefore, check whether these APIs are supported before using them.
-Exercise caution when modifying the required capability set. Incorrect modifications may result in the application being unable to be distributed to the target device.
+DevEco Studio automatically configures the associated SysCap set and required SysCap set based on the settings supported by the created project. You can modify these SysCap sets when necessary.
+You can add APIs to the associated SysCap set in DevEco Studio by adding system capabilities. However, note that these APIs may not be supported on the device. Therefore, check whether these APIs are supported before using them.
+Exercise caution when modifying the required SysCap set. Incorrect modifications may result in the application being unable to be distributed to the target device.
 
 ```
 /* syscap.json */
@@ -74,15 +74,15 @@ Exercise caution when modifying the required capability set. Incorrect modificat
 			...
 		]
 	},
-	development: {             /* The SysCap set in addedSysCaps and the SysCap set supported by each device configured in devices form the associated capability set. */
+	development: {             /* The SysCap set in addedSysCaps and the SysCap set supported by each device configured in devices form the associated SysCap set. */
 		addedSysCaps: [
 			"SystemCapability.Location.Location.Lite",
 			...
 		]
 	},
 	production: {              /* Used to generate the RPCID. Exercise caution when adding this parameter. Under incorrect settings, applications may fail to be distributed to target devices. */
-		addedSysCaps: [],      // Intersection of SysCap sets supported by devices configured in devices. It is the required capability set with addedSysCaps set and removedSysCaps set.
-		removedSysCaps: []     // When the required capability set is a capability subset of a device, the application can be distributed to the device.
+		addedSysCaps: [],      // Intersection of SysCap sets supported by devices configured in devices. It is the required SysCap set with addedSysCaps set and removedSysCaps set.
+		removedSysCaps: []     // When the required SysCap set is a capability subset of a device, the application can be distributed to the device.
 	}
 }
 ```
@@ -91,7 +91,7 @@ Exercise caution when modifying the required capability set. Incorrect modificat
 
 ### Single-Device Application Development
 
-By default, the associated capability set and required system capability set of the application are the same as the supported system capability set of the device. Exercise caution when modifying the required capability set.
+By default, the associated SysCap set and required SysCap set of the application are the same as the supported SysCap set of the device. Exercise caution when modifying the required SysCap set.
 
 ![image-20220326065124911](figures/image-20220326065124911.png)
 
@@ -99,7 +99,7 @@ By default, the associated capability set and required system capability set of
 
 ### Cross-Device Application Development
 
-By default, the associated capability set of an application is the union of multiple devices' supported capability sets, while the required capability set is the intersection of the devices' supported capability sets.
+By default, the associated SysCap set of an application is the union of multiple devices' supported SysCap sets, while the required SysCap set is the intersection of the devices' supported SysCap sets.
 
 ![image-20220326065201867](figures/image-20220326065201867.png)
 
@@ -133,9 +133,9 @@ if (geolocation) {
 
 
 
-### Checking the Differences Between Devices with the Same Capability
+### Checking the Differences Between Devices with a Specific SysCap
 
-The performance of a system capability may vary by device type. For example, a tablet is superior to a smart wearable device in terms of the camera capability.
+The performance of a SysCap may vary by device type. For example, a tablet is superior to a smart wearable device in terms of the camera capability.
 
 ```
 import userAuth from '@ohos.userIAM.userAuth';
@@ -162,7 +162,7 @@ The device SysCaps in product solutions vary according to the component combinat
 
 ![image-20220326072448840](figures/image-20220326072448840.png)
 
-1. A set of OpenHarmony source code consists of optional and mandatory components. Different components have different system capabilities. In other words, different components represent different SysCaps.
+1. A set of OpenHarmony source code consists of optional and mandatory components. Different components represent different SysCaps.
 
 2. In a normalized released SDK, APIs are mapped to SysCap sets.
 
@@ -170,10 +170,10 @@ The device SysCaps in product solutions vary according to the component combinat
 
 4. The components configured for a product can be OpenHarmony components or proprietary components developed by a third party. Since there is mapping between components and SysCap, the SysCap set of the product can be obtained after all components are assembled.
 
-5. The SysCap set is encoded to generate the PCID. You can import the PCID to the IDE and decode it into SysCap. During development, compatibility processing is performed to mitigate the SysCap differences of devices.
+5. The SysCap set is encoded to generate the PCID. You can import the PCID to DevEco Studio and decode it into SysCaps. During development, compatibility processing is performed to mitigate the SysCap differences of devices.
 
 6. System parameters deployed on devices contain the SysCap set. The system provides native interfaces and application interfaces for components and applications to check whether a specific SysCap is available.
 
-7. During application development, the SysCap required by the application is encoded into the Required Product Compatibility ID (RPCID) and written into the application installation package. During application installation, the package manager decodes the RPCID to obtain the SysCap required by the application and compares it with the SysCap of the device. If the SysCap required by the application is met, the application can be installed.
+7. During application development, the SysCap set required by the application is encoded into the Required Product Compatibility ID (RPCID) and written into the application installation package. During application installation, the package manager decodes the RPCID to obtain the SysCap set required by the application and compares it with the SysCap set supported by the device. If the SysCap set required by the application is met, the application can be installed on the device.
 
 8. When an application is running on a device, the **canIUse** API can be used to query whether the device is compatible with a specific SysCap.

en/application-dev/reference/apis/js-apis-animator.md

-# Animation
+# Animator
+
+> **NOTE**<br>
+> The initial APIs of this module are supported since API version 6. Newly added APIs will be marked with a superscript to indicate their earliest API version.
 
->![](../../public_sys-resources/icon-note.gif) **NOTE:** 
->The initial APIs of this module are supported since API version 6. Newly added APIs will be marked with a superscript to indicate their earliest API version.
 
 ## Modules to Import
 
-**requestAnimationFrame**: none
+```
+import animator from '@ohos.animator';
+```
+
+
+## createAnimator
+
+createAnimator(options: AnimatorOptions): AnimatorResult
+
+Creates an **Animator** object.
+
+**System capability**: SystemCapability.ArkUI.ArkUI.Full
+
+**Parameters**
+| Name| Type| Mandatory| Description|
+| -------- | -------- | -------- | -------- |
+| options | [AnimatorOptions](#animatoroptions) | Yes| Animator options. For details, see **AnimatorOptions**.|
+
+**Return value**
+| Type| Description|
+| -------- | -------- |
+| [AnimatorResult](#animatorresult) | Animator result.|
+
+**Example**
+
+  ```
+  <!-- hml -->
+  <div class="container">
+    <div class="Animation" style="height: {{divHeight}}px; width: {{divWidth}}px; background-color: red;" onclick="Show">
+    </div>
+  </div>
+  ```
+
+  ```
+  // js
+  export default {
+    data : {
+      divWidth: 200,
+      divHeight: 200,
+      animator: null
+    },
+    onInit() {
+      var options = {
+        duration: 1500,
+        easing: 'friction',
+        fill: 'forwards',
+        iterations: 2,
+        begin: 200.0,
+        end: 400.0
+      };
+      this.animator = animator.createAnimator(options);
+    },
+    Show() {
+      var options1 = {
+        duration: 2000,
+        easing: 'friction',
+        fill: 'forwards',
+        iterations: 1,
+        begin: 200.0,
+        end: 400.0
+      };
+      this.animator.update(options1);
+      var _this = this;
+      this.animator.onframe = function(value) {
+        _this.divWidth = value;
+        _this.divHeight = value;
+      };
+      this.animator.play();
+    }
+  }
+  ```
+
+## AnimatorResult
+
+Defines the animator result.
+
+### update
+
+update(options: AnimatorOptions): void
+
+Updates this animator.
 
-**cancelAnimationFrame**: none
+**System capability**: SystemCapability.ArkUI.ArkUI.Full
 
-**createAnimator**:
+**Parameters**
+| Name| Type| Mandatory| Description|
+| -------- | -------- | -------- | -------- |
+| options | [AnimatorOptions](#animatoroptions) | Yes| Animator options.|
 
+**Example**
 ```
-import animator from '@ohos.animator';
+animator.update(options);
 ```
 
-## Required Permissions
+### play
 
-None
+play(): void
 
-## requestAnimationFrame
+Plays this animation.
 
-requestAnimationFrame\(handler\[, \[ ...args\]\]\): number
+**System capability**: SystemCapability.ArkUI.ArkUI.Full
 
-Requests an animation frame.
+**Example**
+```
+animator.play();
+```
 
-- Parameters
+### finish
 
-  | Name    | Type        | Mandatory | Description                                                  |
-  | ------- | ----------- | --------- | ------------------------------------------------------------ |
-  | handler | Function    | Yes       | Handler used to request a frame. When **requestAnimationFrame** calls the **handler**, the timestamp is passed to the first parameter to indicate the time when **requestAnimationFrame** starts to execute the callback. |
-  | ...args | Array\<any> | No        | Additional parameter, which is passed to the **handler** as a parameter during function callback. |
+finish(): void
 
--   Return values
+Ends this animation.
 
-    | Type   | Description |
-    | ------ | ----------- |
-    | number | Request ID. |
-    
--   Example
+**System capability**: SystemCapability.ArkUI.ArkUI.Full
 
-    ```
-    <!-- xxx.hml -->
-    <div class="container">
-      <button type="capsule" class="btn" onclick="beginAnimation">beginAnimation</button>
-    </div>
-    ```
-
-    ```
-    /* xxx.css */
-    .container {
-      flex-direction: column;
-      justify-content: center;
-      align-items: center;
-      width: 100%;
-      height: 100%;
-    }
-    .btn{
-      width: 300px;
-      margin-top: 40px;
-    }
-    ```
-
-    ```
-    /* xxx.js */
-    export default {
-      data: {
-        requestId: 0,
-        startTime: 0,
-      },
-      beginAnimation() {
-        cancelAnimationFrame(this.requestId);
-        this.requestId = requestAnimationFrame(this.runAnimation);
-      },
-      runAnimation(timestamp) {
-        if (this.startTime == 0) {
-          this.startTime = timestamp;
-        }
-        var elapsed = timestamp - this.startTime;
-        if (elapsed < 500) {
-          console.log('callback handler timestamp: ' + timestamp);
-          this.requestId = requestAnimationFrame(this.runAnimation);
-        }
-      }
-    }
-    ```
+**Example**
+```
+animator.finish();
+```
 
+### pause
 
-## cancelAnimationFrame
+pause(): void
 
-cancelAnimationFrame\(requestId: number\): void
+Pauses this animation.
 
-Cancels the animation frame request.
+**System capability**: SystemCapability.ArkUI.ArkUI.Full
 
--   Parameters
+**Example**
+```
+animator.pause();
+```
 
-   | Name      | Type   | Mandatory | Description              |
-| --------- | ------ | --------- | ------------------------ |
-   | requestId | number | Yes       | ID of the frame request. |
-   
--   Example
+### cancel
 
-    ```
-    <!-- xxx.hml -->
-    <div class="container">
-      <button type="capsule" class="btn" onclick="beginAnimation">beginAnimation</button>
-      <button type="capsule" class="btn" onclick="beginAnimation">stopAnimation</button>
-    </div>
-    ```
-
-    ```
-    /* xxx.css */
-    .container {
-      flex-direction: column;
-      justify-content: center;
-      align-items: center;
-      width: 100%;
-      height: 100%;
-    }
-    .btn{
-      width: 300px;
-      margin-top: 40px;
-    }
-    ```
-
-    ```
-    /* xxx.js */
-    export default {
-      data: {
-        requestId: 0,
-        startTime: 0,
-      },
-      beginAnimation() {
-        cancelAnimationFrame(this.requestId);
-        this.requestId = requestAnimationFrame(this.runAnimation);
-      },
-      runAnimation(timestamp) {
-        if (this.startTime == 0) {
-          this.startTime = timestamp;
-        }
-        var elapsed = timestamp - this.startTime;
-        if (elapsed < 500) {
-          console.log('callback handler timestamp: ' + timestamp);
-          this.requestId = requestAnimationFrame(this.runAnimation);
-        }
-      },
-      stopAnimation() {
-        cancelAnimationFrame(this.requestId);
-      }
-    }
-    ```
+cancel(): void
 
+Cancels this animation.
 
-## createAnimator
+**System capability**: SystemCapability.ArkUI.ArkUI.Full
 
-createAnimator\(options\[...\]\): void
-
-Creates an animation object.
-
-- Parameters
-
-  | Name    | Type   | Mandatory | Description                                                  |
-  | ------- | ------ | --------- | ------------------------------------------------------------ |
-  | options | Object | Yes       | Attributes of the **Animator** to be created. For details, see the options table. |
-
-- Description of options
-
-  | Name       | Type   | Mandatory | Description                                                  |
-  | ---------- | ------ | --------- | ------------------------------------------------------------ |
-  | duration   | number | No        | Duration for playing an animation, in milliseconds. The default value is **0**. |
-  | easing     | string | No        | Animation easing curve. The default value is **ease**.       |
-  | delay      | number | No        | Animation delay duration, in milliseconds. The default value is **0**, indicating that there is no delay. |
-  | fill       | string | No        | Animation start/stop mode. The default value is **none**.    |
-  | direction  | string | No        | Animation playback mode. The default value is **normal**.    |
-  | iterations | number | No        | Number of times that an animation is played. The default value is **1**. If this parameter is set to **0**, the animation is not played. If this parameter is set to **-1**, the animation is played for an unlimited number of times. |
-  | begin      | number | No        | Start point of the animation easing. If this parameter is not set, the default value **0** is used. |
-  | end        | number | No        | End point of the animation easing. If this parameter is not set, the default value **1** is used. |
-
--   animator interfaces
-
-    | Name    | Type    | Description                                                  |
-    | ------- | ------- | ------------------------------------------------------------ |
-    | update  | options | Updates the animation parameters. The input parameters are the same as those of **createAnimator**. |
-    | play    | -       | Starts an animation.                                         |
-    | finish  | -       | Ends an animation.                                           |
-    | pause   | -       | Pauses an animation.                                         |
-    | cancel  | -       | Cancels an animation.                                        |
-    | reverse | -       | Reverses an animation.                                       |
-
-
--   **animator**  supported events:
-
-    | Name   | Type   | Description                         |
-    | ------ | ------ | ----------------------------------- |
-    | frame  | number | The frame is requested.             |
-    | cancel | -      | The animation is forcibly canceled. |
-    | finish | -      | The animation playback is complete. |
-    | repeat | -      | The animation replays.              |
-    
--   Example
-
-    ```
-    <!-- hml -->
-    <div class="container">
-      <div class="Animation" style="height: {{divHeight}}px; width: {{divWidth}}px; background-color: red;" onclick="Show">
-      </div>
-    </div>
-    ```
-
-    ```
-    // js
-    export default {
-      data : {
-        divWidth: 200,
-        divHeight: 200,
-        animator: null
-      },
-      onInit() {
-        var options = {
-          duration: 1500,
-          easing: 'friction',
-          fill: 'forwards',
-          iterations: 2,
-          begin: 200.0,
-          end: 400.0
-        };
-        this.animator = animator.createAnimator(options);
-      },
-      Show() {
-        var options1 = {
-          duration: 2000,
-          easing: 'friction',
-          fill: 'forwards',
-          iterations: 1,
-          begin: 200.0,
-          end: 400.0
-        };
-        this.animator.update(options1);
-        var _this = this;
-        this.animator.onframe = function(value) {
-          _this.divWidth = value;
-          _this.divHeight = value;
-        };
-        this.animator.play();
-      }
-    }
-    ```
\ No newline at end of file
+**Example**
+```
+animator.cancel();
+```
+
+### reverse
+
+reverse(): void
+
+Plays this animation in reverse order.
+
+**System capability**: SystemCapability.ArkUI.ArkUI.Full
+
+**Example**
+```
+animator.reverse();
+```
+
+### onframe
+
+onframe: (progress: number) => void
+
+Called when a frame is received.
+
+**System capability**: SystemCapability.ArkUI.ArkUI.Full
+
+**Parameters**
+| Name| Type| Mandatory| Description|
+| -------- | -------- | -------- | -------- |
+| progress | number | Yes| Current progress of the animation.|
+
+**Example**
+```
+animator.onframe();
+```
+
+### onfinish
+
+onfinish: () => void
+
+Called when this animation is finished.
+
+**System capability**: SystemCapability.ArkUI.ArkUI.Full
+
+**Example**
+```
+animator.onfinish();
+```
+
+### oncancel
+
+oncancel: () => void
+
+Called when this animation is canceled.
+
+**System capability**: SystemCapability.ArkUI.ArkUI.Full
+
+**Example**
+```
+animator.oncancel();
+```
+
+### onrepeat
+
+onrepeat: () => void
+
+**System capability**: SystemCapability.ArkUI.ArkUI.Full
+
+**Example**
+```
+animator.onrepeat();
+```
+
+Called when this animation repeats.
+
+## AnimatorOptions
+
+Defines animator options.
+
+**System capability**: SystemCapability.ArkUI.ArkUI.Full
+
+| Name| Type| Mandatory| Description|
+| -------- | -------- | -------- | -------- |
+| duration | number | Yes| Duration for playing the animation, in milliseconds. The default value is **0**.|
+| easing | string | Yes| Animation interpolation curve. The default value is **ease**.|
+| delay | number | Yes| Animation delay duration, in milliseconds. The default value is **0**, indicating that there is no delay.|
+| fill | "none" \| "forwards" \| "backwards" \| "both" | Yes| State of the animated target after the animation is executed. The default value is **none**, which means that after the animation is executed, the target will retain the state (defined by the last keyframe) it is in when the animation ends.|
+| direction | "normal" \| "reverse" \| "alternate" \| "alternate-reverse" | Yes| Animation playback mode. The default value is **normal**.|
+| iterations | number | Yes| Number of times that the animation is played. The default value is **1**. The value **0** means not to play the animation, and **-1** means to play the animation for an unlimited number of times.|
+| begin | number | Yes| Start point of the animation interpolation. If this parameter is not set, the default value **0** is used.|
+| end | number | Yes| End point of the animation interpolation. If this parameter is not set, the default value **1** is used.|

en/application-dev/reference/apis/js-apis-request.md

@@ -14,8 +14,8 @@ import request from '@ohos.request';
 
 ## Constraints
 
-- HTTPS is supported by default. To support HTTP, you need to add **network** to the **config.json** file and set the **cleartextTraffic** attribute to **true**.
-  
+HTTPS is supported by default. To support HTTP, you need to add **network** to the **config.json** file and set the **cleartextTraffic** attribute to **true**.
+
 ```
   "deviceConfig": {
     "default": {
@@ -30,7 +30,7 @@ import request from '@ohos.request';
 
 ## Constants
 
-**Required permission**: ohos.permission.INTERNET
+**Required permissions**: ohos.permission.INTERNET
 
 **System capability**: SystemCapability.MiscServices.Download
 
@@ -64,7 +64,7 @@ upload(config: UploadConfig): Promise<UploadTask>
 
 Uploads files. This API uses a promise to return the result.
 
-**Required permission**: ohos.permission.INTERNET
+**Required permissions**: ohos.permission.INTERNET
 
 **System capability**: SystemCapability.MiscServices.Upload
 
@@ -99,7 +99,7 @@ upload(config: UploadConfig, callback: AsyncCallback<UploadTask>): void
 
 Uploads files. This API uses an asynchronous callback to return the result.
 
-**Required permission**: ohos.permission.INTERNET
+**Required permissions**: ohos.permission.INTERNET
 
 **System capability**: SystemCapability.MiscServices.Upload
 
@@ -127,7 +127,7 @@ Uploads files. This API uses an asynchronous callback to return the result.
 
 ## UploadTask
 
-Implements file uploads. Before using a method of this class, you must obtain an **UploadTask** object.
+Implements file uploads. Before using any APIs of this class, you must obtain an **UploadTask** object.
 
 
 ### on('progress')
@@ -136,7 +136,7 @@ on(type: 'progress', callback:(uploadedSize: number, totalSize: number) => vo
 
 Subscribes to the upload progress event. This API uses an asynchronous callback to return the result.
 
-**Required permission**: ohos.permission.INTERNET
+**Required permissions**: ohos.permission.INTERNET
 
 **System capability**: SystemCapability.MiscServices.Upload
 
@@ -170,7 +170,7 @@ on(type: 'headerReceive', callback:  (header: object) => void): void
 
 Subscribes to the **headerReceive** event, which is triggered when an HTTP response header is received. This API uses an asynchronous callback to return the result.
 
-**Required permission**: ohos.permission.INTERNET
+**Required permissions**: ohos.permission.INTERNET
 
 **System capability**: SystemCapability.MiscServices.Upload
 
@@ -203,7 +203,7 @@ off(type:  'progress',  callback?: (uploadedSize: number, totalSize: number) =&g
 
 Unsubscribes from the upload progress event. This API uses an asynchronous callback to return the result.
 
-**Required permission**: ohos.permission.INTERNET
+**Required permissions**: ohos.permission.INTERNET
 
 **System capability**: SystemCapability.MiscServices.Upload
 
@@ -237,7 +237,7 @@ off(type: 'headerReceive', callback?: (header: object) => void): void
 
 Unsubscribes from the **headerReceive** event. This API uses an asynchronous callback to return the result.
 
-**Required permission**: ohos.permission.INTERNET
+**Required permissions**: ohos.permission.INTERNET
 
 **System capability**: SystemCapability.MiscServices.Upload
 
@@ -270,7 +270,7 @@ remove(): Promise<boolean>
 
 Removes this upload task. This API uses a promise to return the result.
 
-**Required permission**: ohos.permission.INTERNET
+**Required permissions**: ohos.permission.INTERNET
 
 **System capability**: SystemCapability.MiscServices.Upload
 
@@ -301,7 +301,7 @@ remove(callback: AsyncCallback<boolean>): void
 
 Removes this upload task. This API uses an asynchronous callback to return the result.
 
-**Required permission**: ohos.permission.INTERNET
+**Required permissions**: ohos.permission.INTERNET
 
 **System capability**: SystemCapability.MiscServices.Upload
 
@@ -369,7 +369,7 @@ download(config: DownloadConfig): Promise<DownloadTask>
 
 Downloads files. This API uses a promise to return the result.
 
-**Required permission**: ohos.permission.INTERNET
+**Required permissions**: ohos.permission.INTERNET
 
 **System capability**: SystemCapability.MiscServices.Download
 
@@ -403,7 +403,7 @@ download(config: DownloadConfig, callback: AsyncCallback<DownloadTask>): v
 
 Downloads files. This API uses an asynchronous callback to return the result.
 
-**Required permission**: ohos.permission.INTERNET
+**Required permissions**: ohos.permission.INTERNET
 
 **System capability**: SystemCapability.MiscServices.Download
 
@@ -440,7 +440,7 @@ on(type: 'progress', callback:(receivedSize: number, totalSize: number) => vo
 
 Subscribes to the download progress event. This API uses an asynchronous callback to return the result.
 
-**Required permission**: ohos.permission.INTERNET
+**Required permissions**: ohos.permission.INTERNET
 
 **System capability**: SystemCapability.MiscServices.Download
 
@@ -475,7 +475,7 @@ off(type: 'progress', callback?: (receivedSize: number, totalSize: number) =>
 
 Unsubscribes from the download progress event. This API uses an asynchronous callback to return the result.
 
-**Required permission**: ohos.permission.INTERNET
+**Required permissions**: ohos.permission.INTERNET
 
 **System capability**: SystemCapability.MiscServices.Download
 
@@ -510,7 +510,7 @@ on(type: 'complete'|'pause'|'remove', callback:() => void): void
 
 Subscribes to a download event. This API uses an asynchronous callback to return the result.
 
-**Required permission**: ohos.permission.INTERNET
+**Required permissions**: ohos.permission.INTERNET
 
 **System capability**: SystemCapability.MiscServices.Download
 
@@ -538,7 +538,7 @@ off(type: 'complete'|'pause'|'remove', callback?:() => void): void
 
 Unsubscribes from the download event. This API uses an asynchronous callback to return the result.
 
-**Required permission**: ohos.permission.INTERNET
+**Required permissions**: ohos.permission.INTERNET
 
 **System capability**: SystemCapability.MiscServices.Download
 
@@ -546,7 +546,7 @@ Unsubscribes from the download event. This API uses an asynchronous callback to
 
 | Name | Type | Mandatory | Description |
 | -------- | -------- | -------- | -------- |
-| type | string | Yes | Event type.<br/>- **'complete'**: download task completion event.<br/>- **'pause'**: download task pause event.<br/>- **remove**: download task removal event. |
+| type | string | Yes | Event type.<br/>- **complete**: download task completion event.<br/>- **pause**: download task pause event.<br/>- **remove**: download task removal event. |
 | callback | function | No | Callback used to return the result. |
 
 **Example**
@@ -566,7 +566,7 @@ on(type: 'fail', callback: (err: number) =&gt; void): void
 
 Subscribes to the download task failure event. This API uses an asynchronous callback to return the result.
 
-**Required permission**: ohos.permission.INTERNET
+**Required permissions**: ohos.permission.INTERNET
 
 **System capability**: SystemCapability.MiscServices.Download
 
@@ -600,7 +600,7 @@ off(type: 'fail', callback?: (err: number) =&gt; void): void
 
 Unsubscribes from the download task failure event. This API uses an asynchronous callback to return the result.
 
-**Required permission**: ohos.permission.INTERNET
+**Required permissions**: ohos.permission.INTERNET
 
 **System capability**: SystemCapability.MiscServices.Download
 
@@ -634,7 +634,7 @@ remove(): Promise&lt;boolean&gt;
 
 Removes this download task. This API uses a promise to return the result.
 
-**Required permission**: ohos.permission.INTERNET
+**Required permissions**: ohos.permission.INTERNET
 
 **System capability**: SystemCapability.MiscServices.Download
 
@@ -665,7 +665,7 @@ remove(callback: AsyncCallback&lt;boolean&gt;): void
 
 Removes this download task. This API uses an asynchronous callback to return the result.
 
-**Required permission**: ohos.permission.INTERNET
+**Required permissions**: ohos.permission.INTERNET
 
 **System capability**: SystemCapability.MiscServices.Download
 
@@ -698,7 +698,7 @@ query(): Promise&lt;DownloadInfo&gt;
 
 Queries this download task. This API uses a promise to return the result.
 
-**Required permission**: ohos.permission.INTERNET
+**Required permissions**: ohos.permission.INTERNET
 
 **System capability**: SystemCapability.MiscServices.Download
 
@@ -725,7 +725,7 @@ query(callback: AsyncCallback&lt;DownloadInfo&gt;): void
 
 Queries this download task. This API uses an asynchronous callback to return the result.
 
-**Required permission**: ohos.permission.INTERNET
+**Required permissions**: ohos.permission.INTERNET
 
 **System capability**: SystemCapability.MiscServices.Download
 
@@ -754,7 +754,7 @@ queryMimeType(): Promise&lt;string&gt;
 
 Queries **MimeType** of this download task. This API uses a promise to return the result.
 
-**Required permission**: ohos.permission.INTERNET
+**Required permissions**: ohos.permission.INTERNET
 
 **System capability**: SystemCapability.MiscServices.Download
 
@@ -781,7 +781,7 @@ queryMimeType(callback: AsyncCallback&lt;string&gt;): void;
 
 Queries **MimeType** of this download task. This API uses an asynchronous callback to return the result.
 
-**Required permission**: ohos.permission.INTERNET
+**Required permissions**: ohos.permission.INTERNET
 
 **System capability**: SystemCapability.MiscServices.Download
 
@@ -810,7 +810,7 @@ pause(): Promise&lt;void&gt;
 
 Pauses this download task. This API uses a promise to return the result.
 
-**Required permission**: ohos.permission.INTERNET
+**Required permissions**: ohos.permission.INTERNET
 
 **System capability**: SystemCapability.MiscServices.Download
 
@@ -841,7 +841,7 @@ pause(callback: AsyncCallback&lt;void&gt;): void
 
 Pauses this download task. This API uses an asynchronous callback to return the result.
 
-**Required permission**: ohos.permission.INTERNET
+**Required permissions**: ohos.permission.INTERNET
 
 **System capability**: SystemCapability.MiscServices.Download
 
@@ -874,7 +874,7 @@ resume(): Promise&lt;void&gt;
 
 Resumes this download task. This API uses a promise to return the result.
 
-**Required permission**: ohos.permission.INTERNET
+**Required permissions**: ohos.permission.INTERNET
 
 **System capability**: SystemCapability.MiscServices.Download
 
@@ -906,7 +906,7 @@ resume(callback: AsyncCallback&lt;void&gt;): void
 
 Resumes this download task. This API uses an asynchronous callback to return the result.
 
-**Required permission**: ohos.permission.INTERNET
+**Required permissions**: ohos.permission.INTERNET
 
 **System capability**: SystemCapability.MiscServices.Download
 
@@ -944,7 +944,7 @@ Resumes this download task. This API uses an asynchronous callback to return the
 | enableMetered | boolean | No | Download allowed in metered connections. |
 | enableRoaming | boolean | No | Download allowed on a roaming network. |
 | description | string | No | Description of the download session. |
-| filePath<sup>7+</sup> | string | No | Download path. (The default value is **'internal://cache/'**).<br/>- filePath:'workspace/test.txt': The **workspace** directory is created in the default path to store files.<br/>- filePath:'test.txt': Files are stored in the default path.<br/>- filePath:'workspace/': The **workspace** directory is created in the default path to store files. |
+| filePath<sup>7+</sup> | string | No | Download path. (The default path is [ERROR:Invalid link:en-us_topic_0000001135742582.xml#xref8132147102215,link:en-us_topic_0000001127125012.xml#section1856519365229](en-us_topic_0000001127125012.xml#section1856519365229)).<br/>- filePath:'workspace/test.txt': The **workspace** directory is created in the default path to store files.<br/>- filePath:'test.txt': Files are stored in the default path.<br/>- filePath:'workspace/': The **workspace** directory is created in the default path to store files. |
 | networkType | number | No | Network type allowed for download. |
 | title | string | No | Title of the download session. |
 

en/application-dev/ui/js-framework-resource-restriction.md

@@ -23,9 +23,9 @@ The name of a resource qualifier consists of one or more qualifiers that represe
 
   Table1 Resource qualifiers
 
-| Data Type | Description and Value Range | 
+| Data Type | Description and Value Range |
 | -------- | -------- |
-| Screen density | Indicates the screen density of the device, in dpi. The value can be:<br/>- ldpi: low-density screen (~120 dpi) (0.75 x Reference density)<br/>- mdpi: medium-density screen (~160 dpi) (reference density)<br/>- hdpi: high-density screen (~240 dpi) (1.5 x Reference density)<br/>- xhdpi: extra high-density screen (~320 dpi) (2.0 x Reference density)<br/>- xxhdpi: extra extra high-density screen (~480 dpi) (3.0 x Reference density)<br/>- xxxhdpi: extra extra extra high-density screen (~640 dpi) (4.0 x Reference density) | 
+| Screen density | Indicates the screen density of the device, in dpi. The value can be:<br/>- ldpi: low-density screen (\~120 dpi) (0.75 x Reference density)<br/>- mdpi: medium-density screen (\~160 dpi) (reference density)<br/>- hdpi: high-density screen (\~240 dpi) (1.5 x Reference density)<br/>- xhdpi: extra high-density screen (\~320 dpi) (2.0 x Reference density)<br/>- xxhdpi: extra extra high-density screen (\~480 dpi) (3.0 x Reference density)<br/>- xxxhdpi: extra extra extra high-density screen (\~640 dpi) (4.0 x Reference density) |
 
 
 ## Rules for Matching Qualifiers Files and Device Resources
@@ -91,5 +91,5 @@ resources/res-defaults.json:
 </div>
 ```
 
-> ![icon-note.gif](public_sys-resources/icon-note.gif) **NOTE**:
+> ![icon-note.gif](public_sys-resources/icon-note.gif) **NOTE**<br>
 > The resource qualifier file does not support color enumeration.

en/application-dev/ui/ts-component-based-styles.md

 # @Styles
 
 
-The @Styles decorator adds new attribute functions to basic components, such as <Text>, <Column>, and <Button>. Currently, @Styles supports only universal attributes. You can use the @Styles decorator to quickly define and reuse the custom styles of a component.
+The **@Styles** decorator adds new attribute functions to basic components, such as **\<Text>**, **\<Column>**, and **\<Button>**. Currently, **@Styles** supports only universal attributes. You can use the **@Styles** decorator to quickly define and reuse the custom styles of a component.
 
-
-@Styles can be defined inside or outside a component. When it is defined outside a component, the keyword function must be included.
+**@Styles** can be defined inside or outside a component. When it is defined outside a component, the keyword function must be included.
 
 
 
@@ -36,11 +35,10 @@ struct FancyUse {
 }
 ```
 
-
-@Styles can also be used inside the StateStyles attribute to assign state-specific attributes to components.
+**@Styles** can also be used inside the **StateStyles** attribute to assign state-specific attributes to components.
 
 
-In StateStyles, styles defined outside the component can be directly called. However, the keyword this must be used to call styles defined in the component.
+In **StateStyles**, styles defined outside the component can be directly called. However, the keyword **this** must be used to call styles defined in the component.
 
 
 
@@ -53,22 +51,22 @@ In StateStyles, styles defined outside the component can be directly called. How
 @Entry
 @Component
 struct FancyUse {
-  @Styles function componentFancy() {
+  @Styles componentFancy() {
     .width(50)
     .height(50)
   }
   build() {
     Row({ space: 10 }) {
       Button() {
-	Text("Fancy")
+      	Text("Fancy")
       }
       .stateStyles({
-	normal: {
-	  .width(80)
-	  .height(80)
-	},
-	disabled: this.componentFancy,
-	pressed: globalFancy
+      	normal: {
+      	  .width(80)
+      	  .height(80)
+      	},
+      	disabled: this.componentFancy,
+      	pressed: globalFancy
       })
     }
   }

en/device-dev/website.md

@@ -394,14 +394,14 @@
     - [Container Component Development](subsystems/subsys-graphics-container-guide.md)
     - [Development of Layout Container Components](subsystems/subsys-graphics-layout-guide.md)
     - [Common Component Development](subsystems/subsys-graphics-common-guide.md)
-    - [Animator Development Guidelines](subsystems/subsys-graphics-animation-guide.md)
+    - [Animator Development](subsystems/subsys-graphics-animation-guide.md)
   - Multimedia
     - Camera
       - [Camera Overview](subsystems/subsys-multimedia-camera-overview.md)
       - [Photographing Development](subsystems/subsys-multimedia-camera-photo-guide.md)
       - [Video Recording Development](subsystems/subsys-multimedia-camera-record-guide.md)
       - [Previewing Development](subsystems/subsys-multimedia-camera-preview-guide.md)
-    - Audio/Video
+    - Audio and Video
       - [Audio/Video Overview](subsystems/subsys-multimedia-video-overview.md)
       - [Audio/Video Playback Development](subsystems/subsys-multimedia-video-play-guide.md)
       - [Audio/Video Recording Development](subsystems/subsys-multimedia-video-record-guide.md)