开发范式之HarmonyOS

194 阅读2分钟

一、兼容JS的类Web开发范式-看看就行

兼容JS的类Web开发范式的方舟开发框架,采用经典的HML、CSS、JavaScript三段式开发方式。使用HML标签文件进行布局搭建,使用CSS文件进行样式描述,使用JavaScript文件进行逻辑处理。UI组件与数据之间通过单向数据绑定的方式建立关联,当数据发生变化时,UI界面自动触发更新。此种开发方式,更接近Web前端开发者的使用习惯,快速将已有的Web应用改造成方舟开发框架应用。主要适用于界面较为简单的中小型应用开发。

image-20231204144707331.png

优点:

上手简单,支持js语法。

缺点:

需要js引擎支持,性能较差。

创建项目

image.png

主要关注pages文件夹即可。

二、ArkTS声明式开发范式-官方推荐

API 9之后推出。

image-20231204145941609.png

在开发一款新应用时,推荐采用声明式开发范式来构建UI,主要基于以下几点考虑:

  • 开发效率:声明式开发范式更接近自然语义的编程方式,开发者可以直观地描述UI,无需关心如何实现UI绘制和渲染,开发高效简洁。
  • 应用性能:如下图所示,两种开发范式的UI后端引擎和语言运行时是共用的,但是相比类Web开发范式,声明式开发范式无需JS框架进行页面DOM管理,渲染更新链路更为精简,占用内存更少,应用性能更佳。
  • 发展趋势:声明式开发范式后续会作为主推的开发范式持续演进,为开发者提供更丰富、更强大的能力。

tips:几个小点

  • 文件后缀为ets
  • 控制热重载的开关

image.png

  • 手动刷新

image.png

  • 透视功能,便于开发调试

image.png

  • 开启多设备预览

image.png

创建项目

image.png

主要关注的文件夹:

image.png

Ohos模式展示项目目录(更着重项目目录)

image.png

号外:运行应用

image.png

目前真机和模拟器还无法运行起来,折腾了好久一直没眉目,先放一放,有时间在整。