update doc

Signed-off-by: Nshawn_he <shawn.he@huawei.com>

en/application-dev/internationalization/i18n-guidelines.md

@@ -23,57 +23,64 @@ You can use APIs provided in the following table to obtain the system language a
 
 ### How to Develop
 
-1. Obtain the system language.<br>
+1. Obtain the system language.
+
     Call the **getSystemLanguage** method to obtain the system language (**i18n** is the name of the imported module).
 
    
-   ```
+    ```js
    var language = i18n.getSystemLanguage();
    ```
 
-2. Obtain the system region.<br>
+2. Obtain the system region.
+
     Call the **getSystemRegion** method to obtain the system region.
      
-   ```
+    ```js
    var region = i18n.getSystemRegion();
    ```
 
-3. Obtain the system locale.<br>
+3. Obtain the system locale.
+
     Call the **getSystemLocale** method to obtain the system locale.
      
-   ```
+    ```js
    var locale = i18n.getSystemLocale();
    ```
 
-4. Check whether the locale's language is RTL.<br>
+4. Check whether the locale's language is RTL.
+
     Call the **isRTL** method to check whether the locale's language is RTL.
 
    
-   ```
+    ```js
    var rtl = i18n.isRTL("zh-CN");
    ```
 
-5. Check whether the system uses a 24-hour clock.<br>
+5. Check whether the system uses a 24-hour clock.
+
     Call the **is24HourClock** method to check whether the system uses a 24-hour clock.
      
-   ```
+    ```js
    var hourClock = i18n.is24HourClock();
    ```
 
-6. Obtain the localized display of a language.<br>
+6. Obtain the localized display of a language.
+
     Call the **getDisplayLanguage** method to obtain the localized display of a language. **language** indicates the language to be localized, **locale** indicates the locale, and **sentenceCase** indicates whether the first letter of the result must be capitalized.
      
-   ```
+    ```js
    var language = "en";
    var locale = "zh-CN";
    var sentenceCase = false;
    var localizedLanguage = i18n.getDisplayLanguage(language, locale, sentenceCase);
    ```
 
-7. Obtain the localized display of a country.<br>
+7. Obtain the localized display of a country.
+
     Call the **getDisplayCountry** method to obtain the localized display of a country name. **country** indicates the country code (a two-letter code in compliance with ISO-3166, for example, CN), **locale** indicates the locale, and **sentenceCase** indicates whether the first letter of the result must be capitalized.
      
-   ```
+    ```js
    var country = "US";
    var locale = "zh-CN";
    var sentenceCase = false;
@@ -106,70 +113,78 @@ You can use APIs provided in the following table to obtain the system language a
 
 ### How to Develop
 
-1. Instantiate a **Calendar** object.<br>
+1. Instantiate a **Calendar** object.
+
     Call the **getCalendar** method to obtain the time zone object of a specific locale and type (**i18n** is the name of the imported module). **type** indicates the valid calendar type, for example, **buddhist**, **chinese**, **coptic**, **ethiopic**, **hebrew**, **gregory**, **indian**, **islamic_civil**, **islamic_tbla**, **islamic_umalqura**, **japanese**, and **persian**. If **type** is left unspecified, the default calendar type of the locale is used.
 
    
-   ```
+    ```js
    var calendar = i18n.getCalendar("zh-CN", "gregory);
    ```
 
-2. Set the time for the **Calendar** object.<br>
+2. Set the time for the **Calendar** object.
+
     Call the **setTime** method to set the time of the **Calendar** object. This method receives two types of parameters. One is a **Date** object, and the other is a value indicating the number of milliseconds elapsed since January 1, 1970, 00:00:00 GMT.
      
-   ```
+    ```js
    var date1 = new Date();
    calendar.setTime(date1);
    var date2 = 1000;
    calendar.setTime(date2);
    ```
 
-3. Set the year, month, day, hour, minute, and second for the **Calendar** object.<br>
+3. Set the year, month, day, hour, minute, and second for the **Calendar** object.
+
     Call the **set** method to set the year, month, day, hour, minute, and second for the **Calendar** object.
      
-   ```
+    ```js
    calendar.set(2021, 12, 21, 6, 0, 0)
    ```
 
-4. Set and obtain the time zone for the **Calendar** object.<br>
+4. Set and obtain the time zone for the **Calendar** object.
+
     Call the **setTimeZone** and **getTimeZone** methods to set and obtain the time zone for the **Calendar** object. The **setTimeZone** method requires an input string to indicate the time zone to be set.
 
    
-   ```
+    ```js
    calendar.setTimeZone("Asia/Shanghai");
    var timezone = calendar.getTimeZone();
    ```
 
-5. Set and obtain the first day of a week for the **Calendar** object.<br>
+5. Set and obtain the first day of a week for the **Calendar** object.
+
     Call the **setFirstDayOfWeek** and **getFirstDayOfWeek** methods to set and obtain the first day of a week for the **Calendar** object. **setFirstDayOfWeek** must be set to a value indicating the first day of a week. The value **1** indicates Sunday, and the value **7** indicates Saturday.
 
    
-   ```
+    ```js
    calendar.setFirstDayOfWeek(1);
    var firstDayOfWeek = calendar.getFirstDayOfWeek();
    ```
 
-6. Set and obtain the minimum count of days in the first week for the **Calendar** object.<br>
+6. Set and obtain the minimum count of days in the first week for the **Calendar** object.
+
     Call the **setMinimalDaysInFirstWeek** and **getMinimalDaysInFirstWeek** methods to set and obtain the minimum count of days in the first week for the **Calendar** object.
      
-   ```
+    ```js
    calendar.setMinimalDaysInFirstWeek(3);
    var minimalDaysInFirstWeek = calendar.getMinimalDaysInFirstWeek();
    ```
 
-7. Obtain the localized display of the **Calendar** object.<br>
+7. Obtain the localized display of the **Calendar** object.
+
     Call the **getDisplayName** method to obtain the localized display of the **Calendar** object.
 
    
-   ```
+    ```js
    var localizedName = calendar.getDisplayName("zh-CN");
    ```
 
-8. Check whether a date is a weekend.<br>
+8. Check whether a date is a weekend.
+
     Call the **isWeekend** method to determine whether the input date is a weekend.
 
    
-   ```
+    ```js
    var date = new Date();
    var weekend = calendar.isWeekend(date);
    ```
@@ -191,25 +206,26 @@ You can use APIs provided in the following table to obtain the system language a
 
 ### How to Develop
 
-1. Instantiate a **PhoneNumberFormat** object.<br>
+1. Instantiate a **PhoneNumberFormat** object.
+
     Call the **PhoneNumberFormat** constructor to instantiate a **PhoneNumberFormat** object. The country code and formatting options of the phone number need to be passed into this constructor. The formatting options are optional, including a style option. Values of this option include: **E164**, **INTERNATIONAL**, **NATIONAL**, and **RFC3966**.
 
    
-   ```
+    ```js
    var phoneNumberFormat = new i18n.PhoneNumberFormat("CN", {type: "E164"});
    ```
 
 2. Check whether the phone number format is correct.
     Call the **isValidNumber** method to check whether the format of the input phone number is correct.
      
-   ```
+    ```js
    var validNumber = phoneNumberFormat.isValidNumber("15812341234");
    ```
 
 3. Format a phone number.
     Call the **format** method of **PhoneNumberFormat** to format the input phone number.
      
-   ```
+    ```js
    var formattedNumber = phoneNumberFormat.format("15812341234");
    ```
 
@@ -232,7 +248,7 @@ The **unitConvert** API is provided to help you implement measurement conversion
    Call the [unitConvert](../reference/apis/js-apis-intl.md) method to convert a measurement unit and format the display result.
 
    
-   ```
+    ```js
    var fromUnit = {unit: "cup", measureSystem: "US"};
    var toUnit = {unit: "liter", measureSystem: "SI"};
    var number = 1000;
@@ -259,32 +275,36 @@ The **unitConvert** API is provided to help you implement measurement conversion
 
 ### How to Develop
 
-1. Instantiate an **IndexUtil** object.<br>
+1. Instantiate an **IndexUtil** object.
+
     Call the **getInstance** method to instantiate an **IndexUtil** object for a specific locale. When the **locale** parameter is empty, instantiate an **IndexUtil** object of the default locale.
 
    
-   ```
+    ```js
    var indexUtil = getInstance("zh-CN");
    ```
 
-2. Obtain the index list.<br>
+2. Obtain the index list.
+
     Call the **getIndexList** method to obtain the alphabet index list of the current locale.
      
-   ```
+    ```js
    var indexList = indexUtil.getIndexList();
    ```
 
-3. Add an index.<br>
+3. Add an index.
+
     Call the **addLocale** method to add the alphabet index of a new locale to the current index list.
      
-   ```
+    ```js
    indexUtil.addLocale("ar")
    ```
 
-4. Obtain the index of a string.<br>
+4. Obtain the index of a string.
+
     Call the **getIndex** method to obtain the alphabet index of a string.
      
-   ```
+    ```js
    var text = "access index";
    indexUtil.getIndex(text);
    ```
@@ -313,38 +333,42 @@ When a text is displayed in more than one line, [BreakIterator](../reference/api
 
 ### How to Develop
 
-1. Instantiate a **BreakIterator** object.<br>
+1. Instantiate a **BreakIterator** object.
+
     Call the **getLineInstance** method to instantiate a **BreakIterator** object.
 
    
-   ```
+    ```js
    var locale = "en-US"
    var breakIterator = i18n.getLineInstance(locale);
    ```
 
-2. Set and access the text that requires line breaking.<br>
+2. Set and access the text that requires line breaking.
+
     Call the **setLineBreakText** and **getLineBreakText** methods to set and access the text that requires line breaking.
 
    
-   ```
+    ```js
    var text = "Apple is my favorite fruit";
    breakIterator.setLineBreakText(text);
    var breakText = breakIterator.getLineBreakText();
    ```
 
-3. Obtain the current position of the **BreakIterator** object.<br>
+3. Obtain the current position of the **BreakIterator** object.
+
     Call the **current** method to obtain the current position of the **BreakIterator** object in the text being processed.
 
    
-   ```
+    ```js
    var pos = breakIterator.current();
    ```
 
-4. Set the position of a **BreakIterator** object.<br>
+4. Set the position of a **BreakIterator** object.
+
     The following APIs are provided to adjust the **first**, **last**, **next**, **previous**, or **following** position of the **BreakIterator** object in the text to be processed.
 
    
-   ```
+    ```js
    var firstPos = breakIterator.first(); // Set a BreakIterator object to the first break point, that is, the start position of the text.
    var lastPos = breakIterator.last(); // Set a BreakIterator object to the last break point, that is, the position after the text end.
    // Move a BreakIterator object forward or backward by a certain number of break points.
@@ -356,10 +380,11 @@ When a text is displayed in more than one line, [BreakIterator](../reference/api
    var followingPos = breakIterator.following(10); 
    ```
 
-5. Determine whether a position is a break point.<br>
+5. Determine whether a position is a break point.
+
     Call the **isBoundary** method to determine whether a position is a break point. If yes, **true** is returned and the **BreakIterator** object is moved to this position. If no, **false** is returned and the **BreakIterator** object is moved to a break point after this position.
 
    
-   ```
+    ```js
    var isboundary = breakIterator.isBoundary(5);
    ```

en/application-dev/internationalization/intl-guidelines.md

@@ -3,7 +3,8 @@
 This module provides basic I18N capabilities, such as time and date formatting, number formatting, and string sorting, through the standard I18N interfaces defined in ECMA 402.
 The [I18N](i18n-guidelines.md) module provides enhanced I18N capabilities through supplementary interfaces that are not defined in ECMA 402. It works with the Intl module to provide a complete suite of I18N capabilities.
 
-> **NOTE**<br>
+> **NOTE**
+> 
 > In the code snippets in this document, **intl** refers to the name of the imported module.
 
 ## Setting Locale Information
@@ -24,7 +25,8 @@ Use [Locale](../reference/apis/js-apis-intl.md) APIs to maximize or minimize loc
 
 ### How to Develop
 
-1. Instantiate a **Locale** object.<br>
+1. Instantiate a **Locale** object.
+
    Create a **Locale** object by using the **Locale** constructor. This method receives a string representing the locale and an optional [Attributes](../reference/apis/js-apis-intl.md) list. 
 
    A **Locale** object consists of four parts: language, script, region, and extension, which are separated by using a hyphen (-).
@@ -42,30 +44,33 @@ Use [Locale](../reference/apis/js-apis-intl.md) APIs to maximize or minimize loc
       | kf | Whether upper case or lower case is considered when sorting or comparing strings.|
 
    
-   ```
+   ```js
    var locale = "zh-CN";
    var options = {caseFirst: false, calendar: "chinese", collation: pinyin};
    var localeObj = new intl.Locale(locale, options);
    ```
 
-2. Obtain the string representing a **Locale** object.<br>
+2. Obtain the string representing a **Locale** object.
+
    Call the **toString** method to obtain the string representing a **Locale** object, which includes the language, region, and other options.
    
-   ```
+   ```js
    var localeStr = localeObj.toString();
    ```
 
-3. Maximize locale information.<br>
+3. Maximize locale information.
+
    Call the **maximize** method to maximize locale information; that is, supplement the missing script and region information.
    
-   ```
+   ```js
    var maximizedLocale = localeObj.maximize();
    ```
 
-4. Minimize locale information.<br>
+4. Minimize locale information.
+
    Call the **minimize** method to minimize locale information; that is, delete the unnecessary script and region information.
    
-   ```
+   ```js
    var minimizedLocale = localeObj.minimize();
    ```
 
@@ -88,42 +93,46 @@ Use [DateTimeFormat](../reference/apis/js-apis-intl.md) APIs to format the date
 
 ### How to Develop
 
-1. Instantiate a **DateTimeFormat** object.<br>
+1. Instantiate a **DateTimeFormat** object.
+
    Use the default constructor of **DateTimeFormat** to obtain the system default locale by accessing the system language and region settings, and set it as the locale in the **DateTimeFormat** object.
 
    
-   ```
+   ```js
    var dateTimeFormat = new intl.DateTimeFormat();
    ```
 
    Alternatively, use your own locale and formatting parameters to create a **DateTimeFormat** object. Formatting parameters are optional. For a full list of formatting parameters, see [DateTimeOptions](../reference/apis/js-apis-intl.md).
    
-   ```
+   ```js
    var options = {dateStyle: "full", timeStyle: "full"};
    var dateTimeFormat = new intl.DateTimeFormat("zh-CN", options);
    ```
 
-2. Format the date and time.<br>
+2. Format the date and time.
+
    Call the **format** method to format the date and time in the **DateTimeFormat** object. This method returns a string representing the formatting result.
    
-   ```
+   ```js
    Date date = new Date();
    var formatResult = dateTimeFormat.format(date);
    ```
 
-3. Format a period.<br>
+3. Format a period.
+
    Call the **formatRange** method to format the period in the **DateTimeFormat** object. This method requires input of two **Date** objects, which respectively indicate the start date and end date of a period. This method returns a string representing the formatting result.
    
-   ```
+   ```js
    Date startDate = new Date();
    Date endDate = new Date();
    var formatResult = dateTimeFormat.formatRange(startDate, endDate);
    ```
 
-4. Obtain attributes of the **DateTimeFormat** object.<br>
+4. Obtain attributes of the **DateTimeFormat** object.
+
    Call the **resolvedOptions** method to obtain attributes of the **DateTimeFormat** object. This method will return an array that contains all attributes and values of the object.
    
-   ```
+   ```js
    var options = dateTimeFormat.resolvedOptions();
    ```
 
@@ -145,33 +154,36 @@ Use [NumberFormat](../reference/apis/js-apis-intl.md) APIs to format numbers for
 
 ### How to Develop
 
-1. Instantiate a **NumberFormat** object.<br>
+1. Instantiate a **NumberFormat** object.
+
    Use the default constructor of **NumberFormat** to obtain the system default locale by accessing the system language and region settings, and set it as the locale in the **NumberFormat** object.
 
    
-   ```
+   ```js
    var numberFormat = new intl.NumberFormat();
    ```
 
    Alternatively, use your own locale and formatting parameters to create a **NumberFormat** object. Formatting parameters are optional. For a full list of formatting parameters, see [NumberOptions](../reference/apis/js-apis-intl.md).
    
-   ```
+   ```js
    var options = {compactDisplay: "short", notation: "compact"};
    var numberFormat = new intl.NumberFormat("zh-CN", options);
    ```
 
-2. Format a number.<br>
+2. Format a number.
+
    Call the **format** method to format a number. A string is returned as the formatting result.
    
-   ```
+   ```js
    var number = 1234.5678
    var formatResult = numberFormat.format(number);
    ```
 
-3. Obtain attributes of the **NumberFormat** object.<br>
+3. Obtain attributes of the **NumberFormat** object.
+
    Call the **resolvedOptions** method to obtain attributes of the **NumberFormat** object. This method will return an array that contains all attributes and values of the object.
    
-   ```
+   ```js
    var options = numberFormat.resolvedOptions();
    ```
 
@@ -193,33 +205,36 @@ Use [Collator](../reference/apis/js-apis-intl.md) APIs to sort strings based on
 
 ### How to Develop
 
-1. Instantiate a **Collator** object.<br>
+1. Instantiate a **Collator** object.
+
    Use the default constructor of **Collator** to obtain the system default locale by accessing the system language and region settings, and set it as the locale in the **Collator** object.
 
    
-   ```
+   ```js
    var collator = new intl.Collator();
    ```
 
    Alternatively, use your own locale and formatting parameters to create a **Collator** object. For a full list of parameters, see [CollatorOptions](../reference/apis/js-apis-intl.md).
    
-   ```
+   ```js
    var collator= new intl.Collator("zh-CN", {localeMatcher: "best fit", usage: "sort"};
    ```
 
-2. Compare two strings.<br>
+2. Compare two strings.
+
    Call the **compare** method to compare two input strings. This method returns a value as the comparison result. The return value **-1** indicates that the first string is shorter than the second string, the return value **1** indicates that the first string is longer than the second string, and the return value **0** indicates that the two strings are of equal lengths.
    
-   ```
+   ```js
    var str1 = "first string";
    var str2 = "second string";
    var compareResult = collator.compare(str1, str2);
    ```
 
-3. Obtain attributes of the **Collator** object.<br>
+3. Obtain attributes of the **Collator** object.
+
    Call the **resolvedOptions** method to obtain attributes of the **Collator** object. This method will return an array that contains all attributes and values of the object.
    
-   ```
+   ```js
    var options = collator.resolvedOptions();
    ```
 
@@ -240,24 +255,26 @@ Use [PluralRules](../reference/apis/js-apis-intl.md) APIs to determine the singu
 
 ### How to Develop
 
-1. Instantiate a **PluralRules** object.<br>
+1. Instantiate a **PluralRules** object.
+
    Use the default constructor of **PluralRules** to obtain the system default locale by accessing the system language and region settings, and set it as the locale in the **PluralRules** object.
 
    
-   ```
+   ```js
    var pluralRules = new intl.PluralRules();
    ```
 
    Alternatively, use your own locale and formatting parameters to create a **PluralRules** object. For a full list of parameters, see [PluralRulesOptions](../reference/apis/js-apis-intl.md).
    
-   ```
+   ```js
    var plurals = new intl.PluralRules("zh-CN", {localeMatcher: "best fit", type: "cardinal"};
    ```
 
-2. Determine the singular-plural type.<br>
+2. Determine the singular-plural type.
+
    Call the **select** method to determine the singular-plural type of an input number. This method will return a string representing the singular-plural type, which can be any of the following: **zero**, **one**, **two**, **few**, **many**, and **other**.
    
-   ```
+   ```js
    var number = 1234.5678
    var categoryResult = plurals.select(number);
    ```
@@ -281,41 +298,45 @@ Use [RelativeTimeFormat](../reference/apis/js-apis-intl.md) APIs to format the r
 
 ### How to Develop
 
-1. Instantiate a **RelativeTimeFormat** object.<br>
+1. Instantiate a **RelativeTimeFormat** object.
+
    Use the default constructor of **RelativeTimeFormat** to obtain the system default locale by accessing the system language and region settings, and set it as the locale in the **RelativeTimeFormat** object.
 
    
-   ```
+   ```js
    var relativeTimeFormat = new intl.RelativeTimeFormat();
    ```
 
    Alternatively, use your own locale and formatting parameters to create a **RelativeTimeFormat** object. Formatting parameters are optional. For a full list of formatting parameters, see [ RelativeTimeFormatInputOptions](../reference/apis/js-apis-intl.md).
    
-   ```
+   ```js
    var relativeTimeFormat = new intl.RelativeTimeFormat("zh-CN", {numeric: "always", style: "long"});
    ```
 
-2. Format the relative time.<br>
+2. Format the relative time.
+
    Call the **format** method to format the relative time. This method receives a numeric value representing the time length and a string-form unit, like **year**, **quarter**, **month**, **week**, **day**, **hour**, **minute**, and **second**. This method returns a string representing the formatting result.
    
-   ```
+   ```js
    var number = 2;
    var unit = "year"
    var formatResult = relativeTimeFormat.format(number, unit);
    ```
 
-3. Obtain each part of the relative time format.<br>
+3. Obtain each part of the relative time format.
+
    Upon obtaining each part of the relative time format, customize the relative time formatting result.
    
-   ```
+   ```js
    var number = 2;
    var unit = "year"
    var formatResult = relativeTimeFormat.formatToParts(number, unit);
    ```
 
-4. Obtain attributes of the **RelativeTimeFormat** object.<br>
+4. Obtain attributes of the **RelativeTimeFormat** object.
+
    Call the **resolvedOptions** method to obtain attributes of the **RelativeTimeFormat** object. This method will return an array that contains all attributes and values of the object. For a full list of attributes, see [ RelativeTimeFormatResolvedOptions](../reference/apis/js-apis-intl.md).
    
-   ```
+   ```js
    var options = numberFormat.resolvedOptions();
    ```

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

@@ -7,7 +7,7 @@
 
 ## Modules to Import
 
-```
+ ```js
 import bytrace from '@ohos.bytrace';
 ```
 
@@ -35,7 +35,7 @@ Marks the start of a timeslice trace task.
 
 **Example**
 
-```
+ ```js
 bytrace.startTrace("myTestFunc", 1);
 bytrace.startTrace("myTestFunc", 1, 5); // The expected duration of the trace is 5 ms.
 ```
@@ -62,7 +62,7 @@ Marks the end of a timeslice trace task.
 
 **Example**
 
-```
+ ```js
 bytrace.finishTrace("myTestFunc", 1);
 ```
 
@@ -105,7 +105,7 @@ Defines the variable that indicates the number of timeslice trace tasks.
 
 **Example**
 
-```
+ ```js
 let traceCount = 3;
 bytrace.traceByValue("myTestCount", traceCount);
 traceCount = 4;