鸿蒙ArkUI即将取代Java UI？

好的。话说在网页开发的远古时代（2013 年以前），想写一个炫酷的网页，往往需要直接操作 HTML 元素，比如控制网页上一个价格数字根据选择不同优惠券的变化，需要直接操作这个价格文字元素。

if(chooseShuang12) {
    document.getElementById("oldPrice").value *= 2.5   //原价提升2.5倍
    document.getElementById("price").value *= 0.5     //现价显示为0.5倍
}

时间来到 2013 年，Facebook 里有一个大神年入百万刀，终于 bear 不了这种年复一年的低端手写操作 UI 元素“low”代码，于是他搞成这样的写法：

<div>
        {this.price}
</div>

{} 花括号里是一个关于价格的变量，div 是价格 UI 元素的容器，只要 price 发生变化，div 就自动更新，不再需要去设置它的值。这样前端程序员就不用再费脑子去更新 UI 了。

然后的事，你就知道了，这一套东西叫 React，强势垄断了前端开发的前沿领域，不会 React，可能面试都通不过。

仅仅一年后的 2014，有一个在谷歌纽约分部实习的中国留学生，叫尤雨溪，同样写 UI 也写烦了，然后想写个框架，正好吸收了 React 的先进理念并改进、优化了一下语法：

<div>
  {{ price }}
</div>

看到这里，你是不是看到了 ArkUI 中的 JS UI 是怎么来的了？没错，ArkUI 的 JS UI 范式，就是 Vue 的写法。

苹果、谷歌的大佬们看的很不是滋味，这不是釜底抽薪么？

然后唯一的缺陷就是，搭载一个谷歌内部无人问津的编程语言 Dart，这个 Dart 语法非常啰嗦，写起 UI 来嵌套很严重，但是基于生态和性能优势，开发者也就一直忍了，毕竟没有完美。

Flutter 确实发展太快了，几乎占据了新原生 App 开发市场的半壁江山，对纯 iOS 和 Android 原生开发者简直是雪上加霜。

发布会上的 keynote 对比，把原先的 iOS 上的 UIKit 简直虐成渣，台下听众纷纷欢呼，好像苹果重新发明了开发框架一样。

• 减少了编译步骤，保证了最大的UI性能。实际体验，比 JS UI 提升 20%。

• 使用 DSL 代码，比 Java UI 节省代码 90% 以上。200 行的代码，如今只需要 20 行。

• 使用扩展的 TS 语法，强类型，相比 JS UI 减少了可能的运行时错误，更安全。

• 配套更好用的实时预览器，大大减少了启动模拟器的次数。

• 更使用的 Preview 修饰符，无需运行，即可单独调试一个组件的 UI 所有状态成为可能。

• ArkUI 大大减少了 Dart 嵌套语法地狱的问题，写法上更简洁明快。

• 预览器和 Preview 修饰符是调试 UI 不可或缺的工具，效率提升 100 倍的利器。

• 状态管理更完善，有非常清晰的状态管理和存储修饰符配套。

• SwiftUI 预览器缺少组件树功能，ArkUI 的组件定位功能十分好用。

关注公众号：拾黑（shiheibook）了解更多

[广告]赞助链接：

四季很好，只要有你，文娱排行榜：https://www.yaopaiming.com/
让资讯触达的更精准有趣：https://www.0xu.cn/