花粉乐分享平台宣传视频
> 华为资讯 > 华为资讯 > 鸿蒙编程 > 鸿蒙JS 开发整理
鸿蒙JS 开发整理
来源:海椰人
2023-01-02 16:27:13
590
管理
一、前言:

5月25日,华为对外宣布计划在6月2日正式举办鸿蒙手机发布会,这也是2019年华为发布鸿蒙系统之后正式搭载的到智能手机。

6月2日晚,华为举办 HarmonyOS 2及华为全场景新品发布会,正式发布 HarmonyOS 2,发布会上,其所印象最深刻的,便是"万物互联"。

后来也有幸接触过鸿蒙的JS UI框架应用开发。写下此篇文章,只做一个学生所应有的学习。

这里将网络收集而来的信息整合在此,一是个人的知识了解记录,二是提供参考。如您想直观了解更多信息或需要完整了解,请移至底部,将提供给相关传送门。

"万物互联的时代,没有人会是一座孤岛"

二、鸿蒙 JS UI框架2.1 JS UI特性声明式编程,JS UI框架采用类HTML和CSS声明式编程语言作为页面布局和样式的开发语言。业务逻辑采用规范标准的JavaScript语言跨设备,支持UI跨设备显示能力,运行时自动映射到不同设备类型,降低开发者多设备适配成本高性能,JS UI框架包含了许多核心控件,各类组件等。针对声明式语法进行了渲染流程的优化2.2 架构

鸿蒙JS UI,IDE中支持的是类似小程序的开发方式,如xx.html、xx.css、xx.js

在开发中,我发现鸿蒙的JS UI框架,遵循着MVVM模式,这会让学过Vue、Angular的人,更容易上手。

2.3 新的UI框架结构三、API

在调用某个API时,需要先声明才可使用。同时,希望您在使用提供的API时,请注意查看其所支持的版本,如API4、API6,也请注意您的鸿蒙系统支持到API几。

例:在网络请求数据中,fetch是更早的版本支持,如您需更新、更好的网络请求,官方是这样说明的。

同时,官方提供了模块的各种参数、方法说明,可以更好的使用它。

自己踩过的坑,希望能给后者以提示。了解更多:网络请求

部分代码示例

//,推荐使用新的http方式//import http from '@ohos.net.http';import fetch from '@system.fetch'; //网络请求,API 6以下适用import router from '@system.router'; //导入路由模块import storage from '@system.storage'; //导入存储export default { data: { name:"hello" }, //生命周期 onInit() { //this.title = this.$t('strings.world'); //this.cinematext = this.$st('st.cinematext'); //this.cinematext = "xxx"; }, onShow(){ }, //路由 videoplay(e) { router.push({ uri: "pages/page2/page2", params: { method:e } }) }, }

这有一个很好的教程示例:如何开发一个鸿蒙应用,起始篇

文章来自https://www.cnblogs.com/shiwu15/p/16096070.html

花粉社群VIP加油站

0
点赞
赏礼
赏钱
0
收藏
免责声明:本文仅代表作者个人观点,与花粉乐分享无关。其原创性以及文中陈述文字和内容未经本网证实,对本文以及其中全部或者 部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
凡本网注明 “来源:XXX(非花粉乐分享)”的作品,均转载自其它媒体,转载目的在于传递更多信息,并不代表本网赞同其观点和对 其真实性负责。
如因作品内容、版权和其它问题需要同本网联系的,请在一周内进行,以便我们及时处理。
QQ:2443165046 邮箱:info@hflfx.com
关于作者
lulu(花粉渠道)
文章
467
主题
0
关注
0
粉丝
1
点击领取今天的签到奖励!
签到排行
随手拍
54个圈友 0个话题
华为手机随手拍,记录生活点滴之美好
华为P30pro
51个圈友 0个话题
这里是华为P30pro手机交流圈,欢迎华为P30pro用户进群交流
体验官
60个圈友 2个话题
华为花粉体验官,体验官专属的交流群
登录后查看您创建的圈子
登录后查看您创建的圈子
所有圈子
杭州互联网违法和不良信息举报平台 网络110报警服务 浙ICP备17046585号
0
0
分享
请选择要切换的马甲:

个人中心

每日签到

我的消息

内容搜索