diff --git a/ArkUI/entry/src/main/ets/pages/ChangeTheFontColorOfTheStatusBar.ets b/ArkUI/entry/src/main/ets/pages/ChangeTheFontColorOfTheStatusBar.ets
index e61693be643718eb7bbbc0a1611417d5a4ff35db..8b257aa576afcae385120f0ebb17a2cdc89989b9 100644
--- a/ArkUI/entry/src/main/ets/pages/ChangeTheFontColorOfTheStatusBar.ets
+++ b/ArkUI/entry/src/main/ets/pages/ChangeTheFontColorOfTheStatusBar.ets
@@ -34,6 +34,8 @@ struct ChangeStatusBar {
     };
     this.mainWin.setWindowSystemBarProperties(sysBarProps).then(() => {
       console.info('[StaticUtils] Succeeded in setting the system bar properties.');
+    }).catch((err: BusinessError) => {
+      console.error(`setting system bar properties failed, code is ${err.code}, message is ${err.message}`);
     });
   }
 
diff --git a/ArkUI/entry/src/main/ets/pages/CustomizeTabs.ets b/ArkUI/entry/src/main/ets/pages/CustomizeTabs.ets
index b2703a635e267c99c2f68e37e23ade78ea5c4624..9df30d087017d931a93ab3c83818a1f38975ea23 100644
--- a/ArkUI/entry/src/main/ets/pages/CustomizeTabs.ets
+++ b/ArkUI/entry/src/main/ets/pages/CustomizeTabs.ets
@@ -28,7 +28,7 @@ struct CustomizeTheTabsBarAndItsAlignment {
 
   // Custom tab
   @Builder
-  Tab(tabName: string, tabItem: number, tabIndex: number) {
+  tabBuilder(tabName: string, tabItem: number, tabIndex: number) {
     Column({ space: 20 }) {
       Text(tabName).fontSize(18)
       Image($r('app.media.startIcon')).width(20).height(20)
@@ -52,7 +52,7 @@ struct CustomizeTheTabsBarAndItsAlignment {
           Scroll() {
             Row() {
               ForEach(this.tabArray, (item: number, index: number) => {
-                this.Tab('page' + item, item, index);
+                this.tabBuilder('page' + item, item, index);
               })
             }
             .justifyContent(FlexAlign.Start)
diff --git a/ArkUI/entry/src/main/ets/pages/CutOffWhenSettingLargeIcon.ets b/ArkUI/entry/src/main/ets/pages/CutOffWhenSettingLargeIcon.ets
index 98c338946b39121d385f16db9f9bc38a3e0a5e52..4e02eb2afe3bf98c3ac033c4894508db2a70081d 100644
--- a/ArkUI/entry/src/main/ets/pages/CutOffWhenSettingLargeIcon.ets
+++ b/ArkUI/entry/src/main/ets/pages/CutOffWhenSettingLargeIcon.ets
@@ -24,7 +24,7 @@ struct NavigationExample {
   build() {
     Column() {
       Navigation() {
-      }.toolbarConfiguration(this.NavigationToolbar)
+      }.toolbarConfiguration(this.navigationToolbar)
     }
     .height('100%')
     .width('100%')
@@ -32,7 +32,7 @@ struct NavigationExample {
   }
 
   @Builder
-  NavigationToolbar() {
+  navigationToolbar() {
     Row() {
       Column() {
         Image($r('app.media.icon')).width(24)
diff --git a/ArkUI/entry/src/main/ets/pages/DoesGridSupportCustomization.ets b/ArkUI/entry/src/main/ets/pages/DoesGridSupportCustomization.ets
index 0266da9025ebd7cb49c31306b787f89bdb5bf50b..8b5d3cb0e816f0f4aef03ab3dc121affd8779cc0 100644
--- a/ArkUI/entry/src/main/ets/pages/DoesGridSupportCustomization.ets
+++ b/ArkUI/entry/src/main/ets/pages/DoesGridSupportCustomization.ets
@@ -44,6 +44,7 @@ struct Index {
         .columnsTemplate("1fr 1fr 1fr")
         .columnsGap(5)
         .rowsGap(5)
+        // Hide native scrollBar
         .scrollBar(BarState.Off)
 
         ScrollBar({ scroller: this.scroller, direction: ScrollBarDirection.Vertical, state: BarState.Auto }) {
@@ -52,7 +53,9 @@ struct Index {
             .height(50)
             .borderRadius(10)
             .backgroundColor('#C0C0C0')
-        }.width(20).backgroundColor('#ededed')
+        }
+        .width(20)
+        .backgroundColor('#ededed')
       }
     }
   }
diff --git a/ArkUI/entry/src/main/ets/pages/GetUIComponentStatus.ets b/ArkUI/entry/src/main/ets/pages/GetUIComponentStatus.ets
index e681252bc9300ba7d1e7005c00bc755db030c79b..7d68e7cdf7ae7208dea44bee77e4ef8446f9900c 100644
--- a/ArkUI/entry/src/main/ets/pages/GetUIComponentStatus.ets
+++ b/ArkUI/entry/src/main/ets/pages/GetUIComponentStatus.ets
@@ -19,7 +19,7 @@
 
 // [Start get_ui_component_status]
 @Component
-struct componentA {
+struct ComponentA {
   aboutToAppear(): void {
     // Perception components are visible and hidden
     console.log('Component A display');
@@ -41,7 +41,7 @@ struct componentA {
 
 @Entry
 @Component
-struct componentB {
+struct ComponentB {
   @State @Watch('onCompAShowStatusChange') isShowA: boolean = false;
   onCompAShowStatusChange() {
     // Perception components are visible and hidden
@@ -54,7 +54,7 @@ struct componentB {
         this.isShowA = !this.isShowA;
       })
       if (this.isShowA) {
-        componentA();
+        ComponentA();
       }
     }
   }
diff --git a/ArkUI/entry/src/main/ets/pages/ImageCanNotUseBindContextMenu.ets b/ArkUI/entry/src/main/ets/pages/ImageCanNotUseBindContextMenu.ets
index 75fcf9486bb07ef0d4af67561a6985217a4ff8f4..a10607e2c93ba2e3410b91d6485a39a33f735a21 100644
--- a/ArkUI/entry/src/main/ets/pages/ImageCanNotUseBindContextMenu.ets
+++ b/ArkUI/entry/src/main/ets/pages/ImageCanNotUseBindContextMenu.ets
@@ -22,7 +22,7 @@
 @Component
 struct Index {
   @Builder
-  MenuBuilder() {
+  menuBuilder() {
     Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {
       Button('Test ContextMenu1')
       Divider().strokeWidth(2).margin(5).color(Color.Black)
@@ -41,7 +41,7 @@ struct Index {
           .draggable(false)
           .width('100vp')
       }
-      .bindContextMenu(this.MenuBuilder, ResponseType.LongPress)
+      .bindContextMenu(this.menuBuilder, ResponseType.LongPress)
       .onDragStart(() => {
         // Close menu when dragging
         this.getUIContext().getContextMenuController().close()
diff --git a/ArkUI/entry/src/main/ets/pages/ImplementSlotFunction.ets b/ArkUI/entry/src/main/ets/pages/ImplementSlotFunction.ets
index 2aef3c7bf9995d564160924dc5a1b6d6def58b8e..b1d0c7110a7eaa0af6da43cf387493e37a989ca4 100644
--- a/ArkUI/entry/src/main/ets/pages/ImplementSlotFunction.ets
+++ b/ArkUI/entry/src/main/ets/pages/ImplementSlotFunction.ets
@@ -20,9 +20,8 @@
 // [Start implement_slot_function]
 @Component
 struct Child {
-  @Builder FunABuilder0() {}
-  @BuilderParam aBuilder0: () => void = this.FunABuilder0;
-
+  @Builder funABuilder0() {}
+  @BuilderParam aBuilder0: () => void = this.funABuilder0;
 
   build() {
     Column() {
@@ -31,7 +30,6 @@ struct Child {
   }
 }
 
-
 @Entry
 @Component
 struct Parent {
@@ -39,7 +37,6 @@ struct Parent {
     Text(`Parent builder `)
   }
 
-
   build() {
     Column() {
       Child({ aBuilder0: this.componentBuilder })
diff --git a/ArkUI/entry/src/main/ets/pages/LimitInputCharacters.ets b/ArkUI/entry/src/main/ets/pages/LimitInputCharacters.ets
index 36b61b9ff3e56419112ecf9ecad53d6259c34d23..a5003dd39c3da17daa58c441b2477734e050614b 100644
--- a/ArkUI/entry/src/main/ets/pages/LimitInputCharacters.ets
+++ b/ArkUI/entry/src/main/ets/pages/LimitInputCharacters.ets
@@ -29,7 +29,8 @@ struct Index {
         .type(InputType.Password)
         .placeholderColor(Color.Gray)
         .inputFilter('[0-9]', (val) => { //Only allow the input of characters 0-9, other characters are invalid
-          console.error('TextInputExample ： ' + val);
+          console.error('TextInputExample : ' + val);
+          // Invalid input return 0
           return 0;
         })
     }
diff --git a/ArkUI/entry/src/main/ets/pages/LoadUnicodeCharacters.ets b/ArkUI/entry/src/main/ets/pages/LoadUnicodeCharacters.ets
index d79f644ecc527d01393454da7dd8a6bcf5dba5ad..4697d2ab907862da8e45cfa41a58bea9c5b9a936 100644
--- a/ArkUI/entry/src/main/ets/pages/LoadUnicodeCharacters.ets
+++ b/ArkUI/entry/src/main/ets/pages/LoadUnicodeCharacters.ets
@@ -35,7 +35,7 @@ const UnicodeToStr = ()=>{
 // [Start load_unicode_characters]
 @Entry
 @Component
-struct text {
+struct TextView {
   build() {
     Column() {
       Text("\u{1F468}\u200D\u{1F469}\u200D\u{1F467}\u200D\u{1F466}")
diff --git a/ArkUI/entry/src/main/ets/pages/MonitorFrontAndBackOfApplication.ets b/ArkUI/entry/src/main/ets/pages/MonitorFrontAndBackOfApplication.ets
index a41faf9accb371468fa7dfca7179c4264c68cf18..3d7243748fde1a62d6f6e781aa4e54a3fd3a7b6c 100644
--- a/ArkUI/entry/src/main/ets/pages/MonitorFrontAndBackOfApplication.ets
+++ b/ArkUI/entry/src/main/ets/pages/MonitorFrontAndBackOfApplication.ets
@@ -30,7 +30,7 @@ struct ComponentListenFrontAndBack {
         Text(this.message)
           .fontSize(50)
           .fontWeight(FontWeight.Bold)
-        Vid({ isOnForeground: this.isOnForeground })
+        ForegroundAwareComponent({ isOnForeground: this.isOnForeground })
       }
       .width('100%')
     }
@@ -39,7 +39,7 @@ struct ComponentListenFrontAndBack {
 }
 
 @Component
-struct Vid {
+struct ForegroundAwareComponent {
   @Watch('change') @Link isOnForeground: boolean;
   @State message: string = 'video';
 
diff --git a/ArkUI/entry/src/main/ets/pages/ProactivelyClearTheFocusOfTheControl.ets b/ArkUI/entry/src/main/ets/pages/ProactivelyClearTheFocusOfTheControl.ets
index 5cfaea7cb0dc01bbeae1d3316691a112c43db45f..85bb3ae09d19538487e3ce86402d4eb37c9edaef 100644
--- a/ArkUI/entry/src/main/ets/pages/ProactivelyClearTheFocusOfTheControl.ets
+++ b/ArkUI/entry/src/main/ets/pages/ProactivelyClearTheFocusOfTheControl.ets
@@ -21,6 +21,7 @@
 @Entry
 @Component
 struct ClearComponentFocus {
+  // Whether textInput is focus
   @State textFocusable: boolean = true;
   @State text: string = 'Gain focus';
 
diff --git a/ArkUI/entry/src/main/ets/pages/ReturnTheCursorToTheStartPoint.ets b/ArkUI/entry/src/main/ets/pages/ReturnTheCursorToTheStartPoint.ets
index ee4aeafd36a69ed04634a102093700df25365cbd..ee8e801df787a5b45ac70cfa77d84138d8012bb2 100644
--- a/ArkUI/entry/src/main/ets/pages/ReturnTheCursorToTheStartPoint.ets
+++ b/ArkUI/entry/src/main/ets/pages/ReturnTheCursorToTheStartPoint.ets
@@ -29,6 +29,7 @@ struct TextInputDemo {
         .onEditChange((isEditing: boolean) => {
           if (isEditing) {
             setTimeout(() => {
+              // The cursor will reset to the beginning of the text after 100ms
               this.controller.caretPosition(0);
             }, 100)
           }
diff --git a/ArkUI/entry/src/main/ets/pages/ScreenorizontalVerticalStatus.ets b/ArkUI/entry/src/main/ets/pages/ScreenorizontalVerticalStatus.ets
index 501fb86ed5fa3b5815baa55101654083ac081c1b..34d2c3b566b64242c964c97c01831ce3376e29f6 100644
--- a/ArkUI/entry/src/main/ets/pages/ScreenorizontalVerticalStatus.ets
+++ b/ArkUI/entry/src/main/ets/pages/ScreenorizontalVerticalStatus.ets
@@ -20,7 +20,7 @@
 // [Start screen_test]
 import { window, display } from '@kit.ArkUI';
 
-const TAG = 'foo'
+const TAG = 'ScreenTest'
 const ORIENTATION: Array<string> = ['Portrait', 'Landscape', 'Reverse Portrait', 'Reverse Landscape']
 
 @Entry
diff --git a/ArkUI/entry/src/main/ets/pages/SegmentedFontStyleSetting.ets b/ArkUI/entry/src/main/ets/pages/SegmentedFontStyleSetting.ets
index 4fcb08d1ea4a49f4db2852fc556df23e9c347bfe..1c118a7568afff3a1fc60d481b12876309b7878e 100644
--- a/ArkUI/entry/src/main/ets/pages/SegmentedFontStyleSetting.ets
+++ b/ArkUI/entry/src/main/ets/pages/SegmentedFontStyleSetting.ets
@@ -27,6 +27,7 @@ struct TestDemoPage {
     Row() {
       Column() {
         Text() {
+          // Using the Span subcomponent to implement segmented style settings
           Span('test text: ')
             .fontSize(20)
             .fontWeight(FontWeight.Bolder)