HarmonyOS创建JavaScript(类 Web开发模式)项目

上文 HarmonyOS带大家创建自己的第一个Page页面并实现路由跳转(ArkTS)带大家创建了我们项目中第一个自己创建的page 并完成了一个跳转逻辑的编写
上文的开发模式是 ArkTS 的 也被称为 声明式开发范式
还有一种 javaScript的 类Web开发模式
这种方式就类似于我们传统的前端开发模式

这里 我们打开编辑器 然后创建一个项目
在这里插入图片描述
然后 这里 我们还是不用动他 直接用这个默认模板 然后点击 Next 下一步
在这里插入图片描述
然后 选择一下项目目录 输入一下项目名 这都比较基础
然后这里 我们要选择 FA
Stage下面是没有js的只有ArkTS
在这里插入图片描述
处理好 点击 Finish 结束
在这里插入图片描述
项目创建完成 就会重新打开一个窗口
在这里插入图片描述
这里 我们打开Pages目录 下的index
在这里插入图片描述
这个结构其实做过小程序的朋友应该一看就知道这么回事了
hml 可以理解为 wxml或者html
css不必多说 控制界面样式 js 逻辑控制

打开hml 里面会看到标签结构 但在harmonyos中 万物皆是组件 我们 可以叫他们 div组件 text组件
在这里插入图片描述
js还是一种数据驱动式的开发模式 里面也会有自己的生命周期函数
在这里插入图片描述
css中 就是一些语法样式
在这里插入图片描述
这里 我们预览也是正常的
在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.hqwc.cn/news/259456.html

如若内容造成侵权/违法违规/事实不符，请联系编程知识网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

元宇宙真的凉凉了吗？

元宇宙真的凉凉了吗？

AI和元宇宙作为引领技术和产业发展的两个并行元素正在加速融合，激发出行业强大的创新力。 这里重点讲一下元宇宙。它是建立在区块链之上的虚拟世界，去中心化平台让用户拥有所有权和自治权。通过沉浸式的体验，让虚拟更接近现实。 随着我国元宇…
阅读更多...
【numpy】np.triu的使用

【numpy】np.triu的使用

every blog every motto: You can do more than you think. https://blog.csdn.net/weixin_39190382?typeblog 0. 前言 np.triu使用，参数辨析 1. 正文 import numpy as nparr np.ones((3,3)) print(arr)print(np.triu(arr,0))0时，包含对角线上的元…
阅读更多...
Leetcode—290.单词规律【简单】

Leetcode—290.单词规律【简单】

2023每日刷题&#xff08;五十一&#xff09; Leetcode—290.单词规律 实现代码 class Solution { public:bool wordPattern(string pattern, string s) {unordered_map<char, string> m1;unordered_map<string, char> m2;stringstream stro(s);string tmp;for(a…
阅读更多...
docker安装一主一从MySQL数据库步骤

docker安装一主一从MySQL数据库步骤

安装MySQL主从复制 ①宿主机创建以下目录 /mydata/mysql-master/log 命令&#xff1a;mkdir -p /mydata/mysql-master/log /mydata/mysql-master/data 命令&#xff1a;mkdir -p /mydata/mysql-master/data /mydata/mysql-master/conf 命令&#xff1a;mkdir -p /mydata/mysql-…
阅读更多...
层流燃烧模拟的技术研究与实践

层流燃烧模拟的技术研究与实践

层流燃烧模拟的技术研究与实践 一、引言 层流燃烧，作为一种基础而重要的燃烧类型，广泛存在于各种工业应用中，如发动机、燃气轮机、燃烧室等。为了更好地理解和优化这一过程，科研人员运用计算流体动力学（CFD）工具进行模拟，以期能更深入地洞察其内在机制。 二、层流燃烧…
阅读更多...
uniapp实战 —— 竖排多级分类展示

uniapp实战 —— 竖排多级分类展示

效果预览 完整范例代码 页面 src\pages\category\category.vue <script setup lang"ts"> import { getCategoryTopAPI } from /apis/category import type { CategoryTopItem } from /types/category import { onLoad } from dcloudio/uni-app import { compu…
阅读更多...
Anaconda3常用命令汇总

Anaconda3常用命令汇总

winR打开cmd窗口&#xff0c;以下所有命令都是通过cmd窗口执行 1、查看Anaconda3版本&#xff1a; conda -V 或者 conda --version 如果无法识别“conda”命令&#xff0c;请自行设置环境变量 环境变量设置&#xff1a; 二、环境管理命令汇总 1、查看所有虚拟环境 cond…
阅读更多...
【Pyqt】QObject::connect: Cannot queue arguments of type ‘QTextCursor‘

【Pyqt】QObject::connect: Cannot queue arguments of type ‘QTextCursor‘

问题说明 文本框接收到新的数据 不会自动滚动&#xff0c;并提示警告 QObject::connect: Cannot queue arguments of type ‘QTextCursor’ (Make sure ‘QTextCursor’ is registered using qRegisterMetaType().) 原因 线程回来的槽函数里面 调用了ui的代码 我们不能通过线程…
阅读更多...
Git基本介绍及使用

Git基本介绍及使用

任务背景 公司的集群架构已越来越robust(健壮), 但应用服务器上的代码升级和新产品的发布效率不高&#xff0c;甚至有代码发布到生产服务器后BUG太多&#xff0c;客户反应强烈的情况出现。公司的产品项目从需求分析,设计,研发,代码测试到发布上线的流程有问题&#xff0c;开发…
阅读更多...
JVM简单了解内存溢出

JVM简单了解内存溢出

JVM oracle官网文档&#xff1a;https://docs.oracle.com/en/java/javase/index.html 什么是JVM JVM(Java Virtual Machine)原名Java虚拟机&#xff0c;是一个可以执行Java字节码的虚拟计算机。它的作用是在不同平台上实现Java程序的跨平台运行&#xff0c;即使在不同的硬件…
阅读更多...
PyQt6 QCalendarWidget日历控件

PyQt6 QCalendarWidget日历控件

​锋哥原创的PyQt6视频教程&#xff1a; 2024版 PyQt6 Python桌面开发 视频教程(无废话版) 玩命更新中~_哔哩哔哩_bilibili2024版 PyQt6 Python桌面开发 视频教程(无废话版) 玩命更新中~共计39条视频&#xff0c;包括&#xff1a;2024版 PyQt6 Python桌面开发 视频教程(无废话…
阅读更多...
有哪些值得分享的销售拓客技巧？

有哪些值得分享的销售拓客技巧？

拓客对于销售的重要性 拓客&#xff08;Toker&#xff09;是一个商业上的名词&#xff0c;核心就是提高售前服务、市场推广的水平&#xff0c;从而挖掘出潜在客户的隐形需求&#xff08;或称软需求&#xff09;。 拓客的核心&#xff0c;其实就是提高售前服务、市场推广的水平…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023