codecamp

鸿蒙OS 添加JS Component和JS Page

在支持 JS 语言的工程中,支持添加新的 JS Component 和 JS Page,在此之前,需要了解它们的基本概念。

  • JS Component:在 JS 工程中,可以存在多个JS Component(例如js目录下的

default

文件夹就是一个 JS Component),一个 JS FA 对应一个 JS Component,可以独立编译、运行和调试。

说明

轻量级智能穿戴对应的 JS 工程,只存在一个 JS FA,因此,轻量级智能穿戴的 JS 工程不允许创建新的 JS Component。

  • JS Page:Page 是表示 JS FA 的一个前台页面,由 JS、HML 和 CSS 文件组成,是 Component 的最基本单元,构成了 JS FA 的每一个界面。

添加 JS Component

在 JS 工程目录中,选中 js 文件夹,然后点击鼠标右键,选择 New > JS Component,输入 JS Component Name,点击 Finish 完成添加。

img

添加 JS Page

在 JS 工程目录中,选择需要添加 Page的Component 下的 pages 文件夹,然后点击鼠标右键,选择 New > JS Page,输入 JS Page Name,点击 Finish 完成添加。

img

鸿蒙OS 在模块中添加Ability
鸿蒙OS 定义HarmonyOS IDL接口
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

鸿蒙OS 开发

鸿蒙OS 术语

鸿蒙OS Java API参考

鸿蒙OS ohos.aafwk.ability

鸿蒙OS ohos.aafwk.abilityjet.activedata

鸿蒙OS ohos.aafwk.content

鸿蒙OS java.lang

鸿蒙OS java.Util

鸿蒙OS java.Util class

鸿蒙OS ohos.data.dataability

鸿蒙OS ohos.data.dataability class

鸿蒙OS ohos.agp.components

鸿蒙OS ohos.agp.components interface

鸿蒙OS ohos.agp.components class

鸿蒙OS ohos.global.configuration

鸿蒙OS java.io

鸿蒙OS ohos.data.resultset

鸿蒙OS ohos.data.resultset interface

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }