bingoogolapple / harmonyos-note Goto Github PK

View Code? Open in Web Editor NEW

24.0 4.0 4.0 164 KB

鸿蒙学习笔记

Java 17.52% JavaScript 65.43% CSS 7.01% SCSS 10.04%

huawei harmonyos

harmonyos-note's Introduction

鸿蒙学习笔记

安装并配置 Node.js

Windows 下载并安装 Node.js
设置 npm 镜像

npm config set registry https://registry.npm.taobao.org
# 或
npm config set registry https://mirrors.huaweicloud.com/repository/npm

安装并配置 DevEco Studio

下载并安装 DevEco Studio
创建工程后首次同步 gradle 比较慢，建议先手动下载 gradle-5.4.1-all.zip 安装包，并保存到如下目录中

C:\Users\Administrator\.gradle\wrapper\dists\gradle-5.4.1-all\3221gyojl5jsh0helicew7rwx

轻量级智能穿戴-代办

代办列表页	添加代办页	代办详情页

harmonyos-note's People

Contributors

Stargazers

Watchers

Forkers

parsons86 bruceyou1990 kennycaiguo sillyroot

harmonyos-note's Issues

replace

当应用从「主页」跳转到「添加代办页」时，首先调用「主页」的 onDestroy 函数。「主页」销毁后，依次调用「添加代办页」的 onInit、onReady、onShow 函数来初始化和显示「添加代办页」

[Debug] 主页 onInit
[Debug] 主页 onReady
[Debug] 主页 onShow
[Debug] 跳转到添加代办页面
[Debug] 主页 onDestroy

[Debug] 添加代办页 onInit
[Debug] 添加代办页 onReady
[Debug] 添加代办页 onShow
[Debug] 添加代办页 回到主页面
[Debug] 添加代办页 onDestroy

[Debug] 主页 onInit
[Debug] 主页 onReady
[Debug] 主页 onShow

在JS代码中调用文件存储或数据存储相关的API返回错误是一个已知问题

您好，在JS代码中调用文件存储或数据存储相关的API返回错误是一个已知问题。

临时规避方法，此问题将在下个版本更新中解决：

在菜单栏 File->Settings->Appearance & Behavior->System Settings->HarmonyOS SDK Location中查看并复制SDK安装路径；
进入SDK安装路径目录，打开SDK下预览器安装路径（[SDK安装路径]\previewer\3.0.0.80\liteWearable\bin）
进入bin目录下创建目录：file_system\app\ace\data
重启DevEco Studio
另外经过排查您的demo中，存在以下几处使用不恰当的地方：

pages/index目录下同时存在.css文件和.scss文件。由于.css文件的优先级高于.scss文件，所以实际生效的是index.css文件。而您并未在index.css设置页面的样式。
config.json中并未配置除pages/index/index之外的其他页面路由信息，打包工具将不会处理其他页面，导致页面跳转失败。
如果还有其他问题，欢迎交流讨论。

图床

轻量级智能穿戴-代办

代办列表页	添加代办页	代办详情页

js 列表渲染、条件渲染

列表渲染

export default {
    data: {
        todoList: [
            {
                id: 11,
                title: '代办1',
                completed: false
            }, {
                id: 21,
                title: '代办2',
                completed: true
            }]
    }
}

<!-- tid 属性主要用来加速for循环的重渲染，旨在列表中的数据有变更时，提高重新渲染的效率 -->
<!-- 默认 $item 代表数组中的元素, $idx 代表数组中的元素索引 -->
<list-item class="todo-item" for="{{todoList}}" tid="id">
    <text onclick="openTodoDetailPage">
        {{$idx}} - {{$item.title}}
    </text>
</list-item>
<!-- 自定义元素变量名, $idx 还是代表数组中的元素索引 -->
<list-item class="todo-item" for="{{value in todoList}}" tid="id">
    <text onclick="openTodoDetailPage">
        {{$idx}} - {{value.title}}
    </text>
</list-item>
<!-- 自定义元素变量名和索引变量名, 此时 $idx 为 undefined，必须使用自定义的索引变量名来取索引值 -->
<list-item class="todo-item" for="{{(index, value) in todoList}}" tid="id">
    <text onclick="openTodoDetailPage">
        {{index}} - {{value.title}}
    </text>
</list-item>

js 点击事件传递参数

直接在 hml 中加小括号传递参数即可
遍历 todoList 传递的 $item、todoItem 已经是可观察对象了，在 js 中修改 todoItem.title = '修改后'，页面也会自动刷新

创建鸿蒙工程的模板中存在冗余配置

rootProject/build.gradle 里没必要依赖 ohos 插件和配置 extension，在 module/build.gradle 里依赖插件并配置 extension 即可

wearable_lite 断点调试

对应 js 代码打上断点，点击 debug 按钮即可启动应用并断点调试

wearable_lite 编译流程

编译日志

点击运行按钮并选择模拟器后，先是在「Run/wearable_lite」里打印启动日志，项目后续的 js 日志也是在这里面打印
然后再执行 Gradle 任务「compileDebugJsWithNodeJs」，会自动指定参数 js_watch_mode 为 true，后续修改 js、hml、css 文件后会自动重启应用

13:16:42: Executing task 'compileDebugJsWithNodeJs -Pjs_watch_mode=true'...

Executing tasks: [compileDebugJsWithNodeJs]


> Configure project :
Info: Parsing C:\Users\Administrator\AppData\Local\Huawei\Sdk\java\3.0.0.80\uni-package.json
Info: Parsing C:\Users\Administrator\AppData\Local\Huawei\Sdk\js\3.0.0.80\uni-package.json
Info: Parsing C:\Users\Administrator\AppData\Local\Huawei\Sdk\native\3.0.0.80\uni-package.json
Info: Parsing C:\Users\Administrator\AppData\Local\Huawei\Sdk\previewer\3.0.0.80\uni-package.json
Info: Parsing C:\Users\Administrator\AppData\Local\Huawei\Sdk\toolchains\uni-package.json

> Configure project :wearable_lite
Info: Parsing C:\Users\Administrator\AppData\Local\Huawei\Sdk\java\3.0.0.80\uni-package.json
Info: Parsing C:\Users\Administrator\AppData\Local\Huawei\Sdk\js\3.0.0.80\uni-package.json
Info: Parsing C:\Users\Administrator\AppData\Local\Huawei\Sdk\native\3.0.0.80\uni-package.json
Info: Parsing C:\Users\Administrator\AppData\Local\Huawei\Sdk\previewer\3.0.0.80\uni-package.json
Info: Parsing C:\Users\Administrator\AppData\Local\Huawei\Sdk\toolchains\uni-package.json

> Task :tv_js:generateDebugJsManifest
> Task :tv_js:compileDebugJsWithNodeJs
> Task :wearable_js:generateDebugJsManifest
> Task :wearable_js:compileDebugJsWithNodeJs
> Task :wearable_lite:preBuild
> Task :wearable_lite:validateDebugSigning
> Task :wearable_lite:collectDebugDependencies
> Task :wearable_lite:mergeDebugResources
> Task :wearable_lite:mergeDebugProfile
> Task :wearable_lite:compileDebugResources
> Task :wearable_lite:generateDebugJsManifest

webpack is watching the files…

> Task :wearable_lite:compileDebugJsWithNodeJs

BUILD SUCCESSFUL in 14s
12 actionable tasks: 12 executed
13:16:57: Task execution finished 'compileDebugJsWithNodeJs -Pjs_watch_mode=true'.

bingoogolapple / harmonyos-note Goto Github PK

harmonyos-note's Introduction

鸿蒙学习笔记

安装并配置 Node.js

安装并配置 DevEco Studio

harmonyos-note's People

Contributors

Stargazers

Watchers

Forkers

harmonyos-note's Issues

轻量级智能穿戴-代办

编译日志

Recommend Projects

Recommend Topics

Recommend Org