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.pswp.cn/news/208333.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/208333.shtml
英文地址,請注明出處:http://en.pswp.cn/news/208333.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

基于微群機器人的二次開發

請求URL: http://域名地址/modifyGroupName 請求方式: POST 請求頭Headers: Content-Type:application/jsonAuthorization:login接口返回 參數: 參數名必選類型說明wId是String登錄實例標識chatRoom…

讀書筆記-《數據結構與算法》-摘要2[冒泡排序]

冒泡排序 核心:冒泡,持續比較相鄰元素,大的挪到后面,因此大的會逐步往后挪,故稱之為冒泡。 public class BubbleSort {public static void main(String[] args) {int unsortedArray[] new int[]{6, 5, 3, 1, 8, 7, 2…

Leetcode每日一題學習訓練——Python3版(到達首都的最少油耗)

版本說明 當前版本號[20231205]。 版本修改說明20231205初版 目錄 文章目錄 版本說明目錄到達首都的最少油耗理解題目代碼思路參考代碼 原題可以點擊此 2477. 到達首都的最少油耗 前去練習。 到達首都的最少油耗 ? 給你一棵 n 個節點的樹(一個無向、連通、無環…

倒計時模塊復習

經典回顧倒計時 倒計時的基本布局介紹。 一個內容區域和一個輸入區域,內容區域進行劃分 直接使用flex布局會更快一點。 js代碼 我們利用一下模塊化思想,直接把獲得時間這個功能寫成一個函數。方便后續的調用 function getTime() {const date new Date…

MES管理系統通過哪些方面提升產品質量管理水平

在當今高度競爭的市場環境中,質量成為了企業生存和發展的關鍵因素。工廠作為生產產品的核心場所,其質量管理水平直接影響到產品的質量和企業的聲譽。為了應對這一挑戰,許多工廠引入了MES管理系統解決方案。本文將探討MES管理系統如何幫助工廠…

【UE5】監控攝像頭效果(上)

目錄 效果 步驟 一、視角切換 二、攝像頭畫面后期處理 三、在場景中顯示攝像頭畫面 效果 步驟 一、視角切換 1. 新建一個Basic關卡,添加第三人稱游戲資源到項目瀏覽器 2. 新建一個Actor藍圖,這里命名為“BP_SecurityCamera” 打開“BP_Securit…

模電筆記。。。。

模電 2.8 蜂鳴器 按照蜂鳴器驅動方式分為有源蜂鳴器和無源蜂鳴器 有源的有自己的震蕩電路,無源的要寫代碼控制。 里面有個線圈,相當于電感,儲能,通直隔交。 蜂鳴器的參數:額定電壓,工作電壓&#xff0…

【CCF-B】1/2區,錄用見刊極快!2個月錄用!

計算機類 ? 好刊解讀 今天小編帶來Taylor and Francis旗下計算機領域快刊,CCF-B類推薦的期刊解讀,期刊審稿周期短,投稿友好,如您有投稿需求,可作為重點關注!后文有相關領域真實發表案例,供您投…

防水,也不怕水。Mate X5是如何做到讓你濕手濕屏也不影響操作的?

相信不少人都碰到過當手機屏幕存在小水珠時,觸控變得不靈敏,或者出現“幽靈觸屏”,指東打西的情況。 尤其是在洗澡、做飯,或者在戶外遇到下雨天氣時,如果打濕的手機收到重要聊天消息或者電話,卻因為濕屏導…

TS學習——面向對象

面向對象是程序中一個非常重要的思想,它被很多同學理解成了一個比較難,比較深奧的問題,其實不然。面向對象很簡單,簡而言之就是程序之中所有的操作都需要通過對象來完成。 舉例來說: 操作瀏覽器要使用window對象操作網…

生成fip.bin在Milkv-duo上跑rtthread的相關嘗試,及其問題分析

前言 (1)PLCT實驗室實習生長期招聘:招聘信息鏈接 (2)本來是想在Milkv-duo上跑rtthread的,做了很多努力,一直沒有結果。雖然不知道最終能不能成功做出來,還是把自己的相關努力分享出來…

MDK官網如何下載stm32支持包

網站:https://www.keil.com/demo/eval/arm.htm 1 2 3點這個下載

基于Mint Mate 21.2 Victoria 的Anjuta安裝與測試

序言 Linux mint mate 21.2 命名為 victoria 版,在vmware虛擬機中安裝按提示默認安裝即可,不做更多記錄。mint mate的優點是穩定,窗口質感好。安裝完成后,需要關注一些常用功能配置。主要有:顯示器調整、桌面調整、工…

當然熱門的原創改寫改寫大全【2023最新】

在信息時代,隨著科技的不斷發展,改寫軟件逐漸成為提高文案質量和寫作效率的重要工具。本文將專心分享一些好用的改寫軟件,其中包括百度文心一言智能寫作以及147SEO改寫軟件。這些工具不僅支持批量改寫,而且在發布到各大平臺后能夠…

python爬取 HTTP_2 網站超時問題的解決方案

問題背景 在進行網絡數據爬取時,使用 Python 程序訪問支持 HTTP/2 協議的網站時,有時會遇到超時問題。這可能會導致數據獲取不完整,影響爬蟲程序的正常運行。 問題描述 在實際操作中,當使用 Python 編寫的爬蟲程序訪問支持 HTT…

使用高防IP防護有哪些優勢

高防IP是針對互聯網服務器在遭受大流量的DDoS攻擊后導致服務不可用的情況下,推出的付費增值服務,用戶可以通過配置高防IP,將攻擊流量引流到高防IP,確保源站的穩定可靠。高防IP相當于搭建完轉發的服務器。 高防IP有兩種接入方式&a…

Notepad安裝

中文免安裝版,下載解壓即可。 NotepadV7.5.6 (訪問密碼: 1666)https://url48.ctfile.com/f/33868548-986668939-7a3316?p1666

Node-RED 設置登錄權限

Node-RED 提供了內置的 “adminAuth” 功能,使你能夠通過用戶名和密碼來保護對 Node-RED 編輯器的訪問。本文將向你展示如何配置登錄權限,以及一些相關的最佳實踐。以下是設置登錄權限的步驟: 步驟一:配置 AdminAuth 在 Node-RE…

react Hooks實現原理

Fiber 上篇文章fiber簡單理解記錄了react fiber架構,Hooks是基于fiber鏈表來實現的。閱讀以下內容時建議先了解react fiber。 jsx -> render function -> vdom -> fiber樹 -> dom vdom 轉 fiber 的過程稱為 recocile。diff算法就是在recocile這個過程…

LVS-DR+Keepalived+動靜分離實驗

架構圖 解釋一下架構,大概就是用Keepalived實現兩臺DR服務器的LVS負載均衡,然后后端服務器是兩臺Nginx服務器兩臺Tomcat服務器并且實現動靜分離這個實驗其實就是把 LVS-DRKeepalived 和 動靜分離 給拼起來,真的是拼起來,兩個部分…