厦门专业网站推广建站,商城网站前端更新商品天天做吗,淘宝客网站源码html,运营公开网是什么网站9月25日华为秋季全场景新品发布会上#xff0c;余承东宣布#xff0c;全面启动鸿蒙原生应用#xff0c;HarmonyOS NEXT开发者预览版将在2024年第一季度面向开发者开放。 最近鸿蒙开发可谓是火得一塌糊涂#xff0c;各大培训平台都开设了鸿蒙开发课程。美团发布了鸿蒙高级工…9月25日华为秋季全场景新品发布会上余承东宣布全面启动鸿蒙原生应用HarmonyOS NEXT开发者预览版将在2024年第一季度面向开发者开放。 最近鸿蒙开发可谓是火得一塌糊涂各大培训平台都开设了鸿蒙开发课程。美团发布了鸿蒙高级工程师、鸿蒙基建工程师等多个鸿蒙开发相关岗位。根据脉脉平台美团鸿蒙基建工程师岗位给出的月薪在4~6万之间。
那么我们就一起来了解一下鸿蒙究竟是何方神圣。
什么是 HarmonyOS HarmonyOS鸿蒙操作系统是华为公司开发的一款基于微内核的分布式操作系统。它是一个面向物联网IoT时代的全场景操作系统旨在为各种类型的设备提供统一的操作系统平台和开发框架。HarmonyOS 的目标是实现跨设备的无缝协同和高性能。 运行Hello World
按照国际惯例先写个hello world这一步可以直接跟着官方文档走该文档介绍了如何下载安装开发工具、配置环境、创建项目、熟悉开发工具界面、如何运行一个hello world、以及工程每个目录和文件的作用写的很详细。
这一步无需写任何代码使用官方的模板运行即可。最终效果如下
写个todoList
成功运行hello world后继续按照国际惯例我们来写个todoList。
这一步需要先了解一下ArkTS
前言
Mozilla创造了JS它和HTML负责页面内容、CSS负责页面布局和样式共同组成了Web页面/应用开发的基础。
Microsoft创建了TS是JS的超集扩展了JS的语法。
但鸿蒙官方认为 基于JS的前端框架以及TS的引入进一步提升了应用开发效率但依然存在一些不足。 例如
从开发者维度来看
写一个应用需要了解三种语言JS/TS、HTML和CSS。这对Web开发者相对友好但对非Web开发者来说负担较重。
从运行时维度来看
在语言运行时方面尽管TS有了类型的加持但也只是用于编译时检查然后通过TS Compiler转成JS运行时引擎还是无法利用到基于类型系统的优化。在渲染方面主流Web引擎由于本身复杂度以及历史原因性能、资源占用方面与常见OS原生框架都有一定的差距尤其在移动平台上。React Native通过渲染架构的改进一定程度上提升了性能体验但在平台渲染效果和能力的一致性以及JS语言性能等方面还是存在一定的不足。
Google在2018年底推出的Flutter
Dart语言生态。整体而言Dart和主流语言生态相比还是有非常大的差距。
所以Huawei从语言生态、开发效率、性能体验、跨设备/跨平台能力几个维度进行了重点考虑进一步推出了ArkTS。 开始开发TodoList
pages目录下新建一个TodoList.ets文件。引入router模块。在hello world的基础上再加一个Button组件添加一个点击事件跳转到todoList页面。
只要是在pages目录下的都属于页面跳转时的路径直接写目标文件名。 此时效果如下 点击一下就跳转到了新页面新页面代码及效果如下。活动列表先直接写死然后使用ForEach循环遍历显示列表文字挺好没毛病。 但是就这样显示一下也没啥意义下面再来加点交互。
在view目录下新建一个TodoItem.ets文件表示todo的每一项的组件。在TodoList.ets文件中引入TodoItem组件。遍历调用组件传递参数给每一项加个下边距。 TodoItem.ets组件代码如下
使用Component装饰器声明一个自定义组件。定义私有变量name接收父组件传来的参数。使用State装饰器定义状态变量isComplete表示当前事件是否完成。使用Builder自定义构建函数这是一种轻量的元素复用机制可以将重复使用的UI元素抽象成一个方法。此时这个函数用来渲染一个多选框接收一个图标参数传递给Image组件。准备两个图标文件ic_ok.png和ic_default.png分别表示事件已完成和未完成放在resource/base/media目录中。 如果当前事件已完成就使用已完成的图标这里使用$r方法传入app.media.xx表示的就是resource/base/media目录中的文件只需要写到文件名后缀可以忽略。文字样式如果已完成就降低透明度加个中划线表示已删除。添加点击事件切换是否完成状态。 总结
文档很详细官方提供了非常详细的学习路径指引。 书写布局和样式的代码非常像Flutter逻辑代码就是JS/TS对于前端开发人员很好上手。开发体验目前我使用的这个版本还不支持热更新修改玩代码需要重启。非常耗内存并且官方提供的模拟器非常卡建议使用真机。
