鸿蒙系统应用开发UI框架 | JS UI框架，跨设备的高性能UI开发框架

原创 于 2020-12-21 17:20:54 发布 · 6.1k 阅读 · 26 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文探讨HarmonyOS的JS UI框架，包括其为开发者提供的灵活性和简洁性。通过分析JavaScript UI框架，揭示其支持纯JavaScript和Java混合开发的特点，并通过实例演示如何使用JS开发鸿蒙OS的Todo App UI界面。

HarmonyOS提供了Java UI和JS UI两种UI框架：Java UI提供了细粒度的UI编程接口，使应用开发更加灵活；JS UI提了相对高层的UI描述，使应用开发更加简单。其中JS UI框架支持纯JavaScript、JavaScript和Java混合语言开发。本文将由浅入深带你解析JavaScript UI 框架、编写鸿蒙 JS 项目。  

 

鸿蒙系统中的 JS 开发框架

逐行分析鸿蒙系统的 JavaScript 框架

鸿蒙真的是套壳吗？HarmonyOS应用开发初体验，Java原生和JavaScript的mvvm开发

最低0.47元/天 解锁文章
博客
一文读懂开源项目 OpenHarmony2.0 开源项目 OpenHarmony 是什么
06-08 5万+
一图胜万语，开发者拿到OpenHarmony 2.0代码后跑起来的样子OpenHarmony是自主研发、不兼容安卓的全领域下一代开源操作系统。开放原子开源基金会（简称“基金会”）于 2020 年 9 月接受华为捐赠的智能终端操作系统基础能力相关代码，随后进行开源，并根据命名规则为该开源项目命名为 OpenAtom OpenHarmony（简称“OpenHarmony”）。全球有兴趣、有需要的组织和个人都可以参与该项目。迄今为止，该项目已有240多位贡献者，最新的版本为OpenHar.
博客
开源的 OpenHarmony 是每个人的 OpenHarmony
06-07 2万+
开放原子开源基金会于2020 年 9 月接受华为捐赠的智能终端操作系统基础能力相关代码，随后进行开源，并根据命名规则为该开源项目命名为 OpenAtom OpenHarmony（简称“OpenHarmony”）。2020 年 12 月，博泰、华为、京东、润和、亿咖通、中科院软件所、中软国际等七家单位（按各单位简称首字母排序）在开放原子开源基金会的组织下成立了 OpenHarmony 项目群工作委员会，开始对 OpenHarmony 项目进行开源社区治理。各家单位对 OpenHarmony 开源项目.
博客
全方位了解HarmonyOS 操作系统微内核
12-22 8239
鸿蒙OS是一款基于微内核的全场景分布式操作系统，那么微内核是什么？本文将从微内核的发展历史说起，带你全方位了解微内核并快速入门OpenHarmony的LiteOS微内核 ，帮助你理解鸿蒙系统架构。鸿蒙操作系统用的微内核到底是什么？从鸿蒙OS谈谈微内核架构快速入门OpenHarmony的LiteOS微内核鸿蒙HarmonyOS微内核技术...
博客
HarmonyOS HiSpark IPC DIY Camera试用连载系列 | 从开箱组装到编译uboot
11-11 7049
对消费者而言，HarmonyOS能够将生活场景中的各类终端进行能力整合，可以实现不同的终端设备之间的快速连接、能力互助、资源共享，匹配合适的设备、提供流畅的全场景体验；对应用开发者而言，HarmonyOS采用了多种分布式技术，使得应用程序的开发实现与不同终端设备的形态差异无关，降低了开发难度和成本。这能够让开发者聚焦上层业务逻辑，更加便捷、高效地开发应用；对设备开发者而言，HarmonyOS采用了组件化的设计方案，可以根据设备的资源能力和业务特征进行灵活裁剪，满足不同形态的终端设备对于操作系统的要求。
博客
鸿蒙HarmonyOS应用开发系列 | 运行你的第一个鸿蒙应用！
11-11 8834
本文从鸿蒙HarmonyOS 应用开发的环境配置讲起，手把手教你从0搭建鸿蒙HarmonyOS 应用，直到成功运行你的第一个鸿蒙应用，纯干货分享，建议Mark！1.鸿蒙HarmonyOS应用开发:环境配置2.鸿蒙HarmonyOS应用开发:config.json简介3.鸿蒙HarmonyOS应用开发:运行第一个鸿蒙应用...
博客
鸿蒙内核源码分析系列 | 读懂HarmonyOS内核源代码！
11-11 1万+
本系列从HarmonyOS架构层视角整理成文, 并用生活场景及讲故事的方式试图去解构内核，一窥究竟。帮助你读懂并快速理解鸿蒙操作系统源码。1.鸿蒙内核源码分析(调度机制篇) 2.鸿蒙内核源码分析(进程管理篇)3.鸿蒙内核源码分析(Task管理篇)4.鸿蒙内核源码分析(内存管理篇)5.鸿蒙内核源码分析(内存概念篇)6.鸿蒙内核源码分析(内存映射篇)7.鸿蒙内核源码分析(内存汇编篇)8.鸿蒙内核源码分析(内存分配篇)9.鸿蒙内核源码分析(必读篇)|用故事说内核10.图解鸿蒙源码逐行注释分析(
博客
鸿蒙系统学习系列 | 上手HarmonyOS十大必看指南！
11-11 1万+
华为的鸿蒙系统优点是流畅度和大一统。这套系统主要是基于微内核的全场景分布式OS，可以按照需要进行扩展，由此来实现更为广泛的系统的安全，它主要用于物联网，它的主要特点是很低的时延。HarmonyOS是一款面向未来、面向全场景（适应移动办公、运动健康、社交通信、媒体娱乐等设备）的分布式操作系统。在传统的单设备系统能力的基础上，HarmonyOS提出了基于同一套系统能力、适配多种终端形态的分布式理念，能够支持多种终端设备。从不同的角度来看，华为鸿蒙的系统，可以有不同的视像。本文分为10个部分，从系统简介到微内核
博客
品读鸿蒙HDF架构系列 | 读码百遍其义自见
11-11 3513
不同读码人都会有各自读代码的习惯和切入点，HDF是Harmony Driver Fundation的缩写，实际上便是鸿蒙形成的一套管理设备驱动的框架模型，也被称为“驱动子系统”。本文将带你细品鸿蒙HDF架构，将软件图形化，从鸿蒙HDF架构轻松理解鸿蒙系统各种观念、逻辑与结构，帮助初次接触鸿蒙的开发者打好基础。1.品读鸿蒙HDF架构（一）2.品读鸿蒙HDF架构（二）3.品读鸿蒙HDF架构（三）...
博客
全方位了解鸿蒙系列 | 从生态体系到内核开发到编译
11-11 3057
本文将详细说明鸿蒙与Linux、Windows、安卓、iOS之间的区别及关系，为大家说明鸿蒙生态体系包含哪些内容；并概述鸿蒙内核开发相关事宜；同时带你快速了解如何在鸿蒙系统进行源码下载编译、APP编译等操作。帮助你由浅入深了解鸿蒙并使用鸿蒙。1.鸿蒙不是Linux也不是安卓2.鸿蒙内核开发概述3.鸿蒙系统体验之在IMX6ULL上体验鸿蒙系统4.鸿蒙源码下载并编译5.给IMX6ULL编译鸿蒙Liteos-a6.鸿蒙系统编译第一个App：Hello7.鸿蒙App编译...
博客
HarmonyOS核心能力 | 关于分布式软总线
12-28 6268
HarmonyOS核心能力之一分布式软总线让多设备融合为“一个设备“，带来设备内和设备间高吞吐、低时延、高可靠的流畅连接体验。本文将详细地讲解分布式软总线、探讨鸿蒙分布式软总线子系统，其中技术专家郑凯带来的分布式软总线的技术解读将给大家开发跨应用之痛带来全新解决思路。HarmonyOS最核心的“分布式软总线”技术解读华为鸿蒙OS尖刀武器之分布式软总线技术鸿蒙子系统解读-分布式软总线子系统初步研究（上）鸿蒙子系统解读-分布式软总线子系统初步研究（下）...
博客
【CodeLab】手把手教你创建第一个手机“Hello World”
12-28 1632
文章来源 | HarmonyOS开发者公众平台【CodeLab栏目】HarmonyOS应该如何上手？有没有实操项目可供入门？我们致力于挖掘生动有趣的案例，用浅显易懂的文字，简单易上手的代码，呈现HarmonyOS开发的多样性，让你一看就懂，一敲就会！全新上线，请多指教。HUAWEI DevEco Studio使用指南想要完成HarmonyOS手机应用开发，入门技能是什么？答案当然是要熟练使用HUAWEI DevEco Studio！（以下简称DevEco Studio）...
博客
HarmonyOS最核心的“分布式软总线”技术解读
12-24 1万+
文章来源 | HarmonyOS开发者公众平台什么是分布式软总线呢？分布式软总线是HarmonyOS架构中最底层的技术 分布式软总线是HarmonyOS的大动脉开发跨端应用，开发者们是否面临以下挑战：1.跨端操作需要每次重复建立连接2.近场通信方式（蓝牙，WiFi，UWB等）必须感知才能实现连接3.无线环境必须建立标准的用于服务器的协议栈4.不同物理层无法实现统一的开发体验针对这些开发者的开发之痛，技术专家郑凯带来的分布式软总线的技术解读将给大家带来全新解决..
博客
DevEco Studio 2.0，为跨端应用“高效开发”设计
12-21 1376
来源 | HarmonyOS开发者12月16日，万众期待的HarmonyOS 2.0手机应用开发者Beta版本在北京正式发布。与此同时，作为手机开发者Beta版本的配套IDE工具，HUAWEI DevEco Studio 2.0 Beta3也针对手机同步升级了相关特性功能，让大家能够更高效便捷地开发跨端应用。 Huawei DevEco Studio是华为打造的一款面向1+8+N全场景、泛终端的一站式集成开发环境。2020年9月HDC发布2.0 Beta1版本...
博客
鸿蒙HarmonyOS应用开发系列 | 从浅到深解读开发核心Ability
12-17 4267
鸿蒙 Ability 讲解（页面生命周期、后台服务、数据访问）用Android的Activity生命周期解释HarmonyOS的Page Ability生命周期HarmonyOS鸿蒙开发之通过代码创建页面 Feature Ability
博客
HarmonyOS 生态最重的拼图，手机开发者 Beta 版终于到来
12-15 1077
【优快云 编者按】手机开发者 Beta 版本将于 12 月 16 日在北京与众多开发者见面，鸿蒙系统能否满足众多开发者的期待？独具一格的分布式操作系统是否真能加速智慧时代的到来？责编 | 张文头图 | HDC2020华为开发者大会出品 | 优快云（ID：优快云news）何谓期盼？温庭筠说“过尽千帆皆不是”，辛弃疾言“众里寻他千百度”。那么2020年，开发者盼望什么呢？HarmonyOS 何时登上手机，恐怕正是其中之一。去年，华为正式宣布 HarmonyOS 到来...
博客
鸿蒙HarmonyOS应用开发系列 | 解读鸿蒙源码
12-14 1万+
收集并将持续更新。鸿蒙OS的系统调用是如何实现的？ | 解读鸿蒙源码 鸿蒙开发环境搭建、源码下载和编译 鸿蒙OpenHarmony源码下载及构成简介 鸿蒙源码下载并编译 Harmony OS 开发避坑指南——源码下载和编译 全网最全的鸿蒙源码结构分析（附自制4张架构图）...
博客
HarmonyOS上如何实现自定义控件的功能
12-11 2865
来源 |HarmonyOS开发者LinearLayout又称作线性布局，是一种非常常用的布局。正如它的名字所描述的一样，这个布局会将它所包含的控件在线性方向上依次排列。既然是线性排列，肯定就不仅只有一个方向，这里一般只有两个方向：水平方向和垂直方向。但在实际开发中，为了呈现更好的视觉体验和交互效果，往往需要在LinearLayout外有其他的布局，比如下图这个手表应用中，在LinearLayout最外侧有个圆环。那么这一效果的呈现，在HarmonyOS上如何实现呢？首先，为了...
博客
HarmonyOS应用开发文档更新系列
12-07 2979
智慧屏和智能穿戴开发
博客
轻量级智能穿戴开发：开发示例
12-04 2299
HarmonyOS应用开发文档更新说明：生命周期新增onHide的说明，方便开发者更易理解生命周期 ; 以“动态改变样式”为例，讲解绘制样式和交互事件，方便开发者循序渐进地理解轻量级开发的基础功能。目录生命周期绘制样式行内样式选择器样式动态绑定样式交互事件生命周期应用生命周期主要有两个：应用创建时调用的onCreate和应用销毁时触发的onDestroy。一个应用中可能会有多个页面，一个页面一般包括onInit、onReady、onShow和onDestroy等在.
博客
融合搜索：开发指导
12-03 2494
目录场景介绍接口说明开发步骤场景介绍索引源应用，一般为有持久化数据的应用，可以通过融合搜索接口为其应用数据建立索引，并配置全局搜索可搜索实体，帮助用户通过全局搜索应用查找本应用内的数据。应用本身提供搜索框时，也可直接在应用内部通过融合搜索接口实现全文搜索功能。接口说明HarmonyOS中的融合搜索为开发者提供以下几种能力，详见API参考。表1融合搜索接口功能介绍 类名 接口名 描述 Searc.
评论 11
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值