ArkUI框架，更懂程序员的信息语法

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
➤博客园地址：为敢技术（https://www.cnblogs.com/strengthen/ ）
➤GitHub地址：https://github.com/strengthen
➤原文地址： https://www.cnblogs.com/strengthen/p/18466627
➤如果链接不是为敢技术的博客园地址，则可能是爬取作者的文章。
➤原文已修改更新！强烈建议点击原文地址阅读！支持作者！支持原创！
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

一、在ArkU命令式框架内部，有两个重要的角色：代理和拦截器。

1、代理：将目标数据进行代理，并为目标数据绑定到拦截器上。

2、拦截器：监听目标数据的变化，当数据更新时，拦截器就会重写数据的set方法，同时自动更新数据对应的前端页面。无需程序员手动命令更新。

二、开发一次代码，在多个设备上适配。当设备尺寸变宽时，可以通过原子布局的均分能力去实现页面布局的一致性。也可以通过栅格布局，去解决多尺寸多设备的动态布局问题。

原子布局能力包含：1.均分能力、2.拆行能力、3.拉伸能力、4.缩放能力、5.延伸能力、6.占比能力、7.隐藏能力

三、上面自适应问题解决了，针对设备独有的特性，比如平板适配左侧导航栏，实现方法：媒体查询，判断设备类型，设计出相匹配的布局样式。同时还可以监听屏幕尺寸的变化。

orientation属性：判断屏幕横竖状态来动态适配。还支持判断分屏状态、折叠屏展开状态等。

/*平板&横屏*/
@media screen and (device-type: tablet) and (orientation: landscape) {
  .music_container {
    flex-direction: row;
  }
  .music_image {
    width: 50%;
    height: 100%;
  }
  .Lyrics_title {
    font-size: 40vp;
  }
  .items_title {
    font-size: 25vp;
  }
  .music_Lyrics {
    width: 50%;
    height: 100%;
  }
}