其他分享
首页 > 其他分享> > 鸿蒙第一课笔记

鸿蒙第一课笔记

作者:互联网

鸿蒙是移动端底层操作系统,为开源项目,目标是面向全场景、全连接、全智能时代,基于开源的方式,搭建一个智能终端设备操作系统的框架和平台,促进万物互联产业的繁荣发展。

鸿蒙采用分层设计,从下向上依次为:内核层、系统服务层、框架层和应用层。按照“系统 > 子系统 > 组件”的系统功能展开。

前端注重于应用层。前端开发学习的核心点就在于对 FA 中 UI 层面的开发工作。UI 部分(FA)支持多种开发模式,不限于JavaScript ,Java等。

创建工程项目

在 DevEco Studio 菜单栏,点击Tools > SDK Manager 配置对应的 SDK 版本。

进入到 src/main/js/default/pages/index 页面,打开 view -> Tool Windows -> Previewer 进行预览。

进入 Tools -> Devices Manager 看到模拟器管理页面,这一步必须要实名认证的华为账号进行登录后,即可选择对应的设备,然后启动设备。

启动设备后,再次点击 绿色运行按钮,即可在仿真设备上运行该项目。

JS FA 应用的 JS 模块 (entry/src/main/js/module) 的典型开发目录结构如下:

应用资源可通过绝对路径或相对路径的方式进行访问,本开发框架中绝对路径以 "/" 开头,相对路径以 "./" 或 "../"。

公共代码文件和资源文件推荐放在 common 下。

如果代码文件A和文件B位于同一目录,则代码文件B引用资源文件时可使用相对路径,也可使用绝对路径。

如果代码文件A和文件B位于不同目录,则代码文件B引用资源文件时必须使用绝对路径。因为Webpack打包时,代码文件B的目录会发生变化。

onCreate:在应用生成时被调用的生命周期函数。

onDestory:在应用销毁时被调用的生命周期函数。

组件是构建页面的核心,每个组件通过对数据和方法的简单封装,实现独立的可视、可交互功能单元。组件之间相互独立,随取随用,也可以在需求相同的地方重复使用。

组件可以到官方文档中查阅

使用 xx组件应当创建 pages.xx 文件夹,包含 xx.hml、xx.js、xx.css 三个文件。

标签:文件,鸿蒙,代码,笔记,绝对路径,第一课,xx,组件,js
来源: https://blog.csdn.net/yangsile_tai/article/details/122494392