鸿蒙生态开发以及技术栈介绍

news/2024/11/20 5:29:08/

​🌈个人主页:前端青山
🔥系列专栏:鸿蒙开发篇
🔖人终将被年少不可得之物困其一生

依旧青山,本期给大家带来鸿蒙开发篇专栏内容:


有没有可以2小时不用手机的?
打开电视用什么?
打开空调用什么?
进屋怎么打开灯?
家里有没有智能设备?
扫地机器人?指纹门锁?小度小度
怎么用的?
一个终端,万物互联
如何实现一个终端控制

目录

1.鸿蒙目标

2.关键战略

3.鸿蒙概念

4.鸿蒙开发

5.鸿蒙项目

2.项目开发技术栈

1.传统开发

3.区别

4.开发细节

5.小总结

1.鸿蒙目标

类似于小程序

2.关键战略

华为的一个关键战略

“1+8+N”是华为的一个关键战略,这个战略的目的是为了打造全场景智慧生活。在这个战略中,“1”指的是智能手机,作为个人便携的算力提供终端,通过不同的方式与其他设备进行连接;“8”代表华为的八大核心产品,包括平板、智能音箱、眼镜、手表、车机、耳机、笔记本和PC;而“N”则涵盖了移动办公、智能家居、运动健康、影音娱乐及智能出行等领域的延伸业务,这些业务可能涉及与华为合作的生态企业。

总的来说,“1+8+N”战略体现了华为在5G时代下的全场景智慧生活布局,旨在通过整合各种智能设备和服务,为用户提供更加便捷和智能的生活体验。

3.鸿蒙概念

4.鸿蒙开发

5.鸿蒙项目

2.项目开发技术栈

1.传统开发

.html body .vue template 构建页面

<style>
h1 {/* .... */
}
button {/* .... */
}
</style><h1>密码登录</h1>
<button>立即登录</button><script>
document.querySelector('button').onclick =  function() {}
</script><style ....></style><template>html升级组件  支持导入导出
</tempalte><script>
用vue语法写 =》 明确底层还是传统语法,只不过数据驱动视图   视觉上-减少视图层操作,性能上-提升性能加快项目开发   虚拟DOM  路由等等
</script>

2.鸿蒙开发区别
● 细节1:.ets    build 构建页面
● 细节2:vue可以用html写,鸿蒙它不行,仅仅支持内置组件    Text()  类似于span     Row 类似于div
● 细节3:结构和样式一起写  用点的方式
 


// 构建页面 
build() {Text('密码登录') .fontSize(30).fontColor('#ccc')Button('立即登录').fontColor('#fff').backgroundColor('red').onClick(() => {})
}

3.区别

1、传统写一个例如淘宝/京东这样的网站或app 需要html、css、js三种语言, 鸿蒙将这三种整合成一个新的语言arkts 也就是传统需要三个,现在只要一个对于初学者开发效率更好,体验更加友好。

2、支持跨平台开发

4.开发细节

  • 网页结构变了 => 改成了 类似于java代码
htmlheadtitle body...@Component
struct 网页名/组件名 {        // 以前-一个网页是一个页面,现在-一个组件是一个页面   build() {ArkTs语法(基于ts升级的) 内置组件().样式名()    // font-size: 12px;       .fontSize(12 单位先不管)}
}
  • 先写标签/组件、再写所谓的html/css属性
<img src="" />先写组件名/结构/标签名
Image() // 再写属性 标签属性/css属性.width() .height()

5.小总结

传统开发: html、css 、Javascript/typescript 淘宝、京东、拼夕夕 这样的网站 PC、M
鸿蒙开发:ArkTs = html+css+Javascript/typescript 升级后的语法 写一套代码,生成n端 手机、手表、平板等等
 


http://www.ppmy.cn/news/1548417.html

相关文章

React教程第二节之虚拟DOM与Diffing算法理解

1、什么是虚拟DOM 虚拟DOM 是javascript的一个对象&#xff0c;是内存中的一种数据结构&#xff0c;以树的形式存储UI的状态&#xff0c;树中的每个节点都代表着真实的DOM&#xff0c;用来描述我们希望在页面看到的 HTML结构&#xff1b; 现在的MVVM 框架&#xff0c;大多使用…

CSM32RV20:RISC-V核的低功耗MCU芯片,常用在智能门锁上

CSM32RV20是一款基于RISC-V核的低功耗MCU芯片。 内置RISC-V RV32IMAC内核&#xff08;2.6CoreMark/MHz&#xff09;&#xff1b; 蕞高32MHz工作频率&#xff1b; 内置4kB的SRAM&#xff1b; 内置8B的ALWAYS寄存器&#xff0c;能在掉电模式2下保存数据&#xff1b; 内置40kB的嵌…

区块链中的wasm合约是什么?

概述 让我们梳理一下WASM合约的概念和重要性…这涉及到区块链和智能合约的发展。 WASM(WebAssembly)本身是一种低级的类汇编语言&#xff0c;最初是为Web浏览器设计的。将它引入区块链领域是一个重要创新。 相比传统的智能合约(如Solidity)&#xff0c;WASM有很多优势&#…

stm32启动过程解析startup启动文件

1.STM32的启动过程模式 1.1 根据boot引脚决定三种启动模式 复位后&#xff0c;在 SYSCLK 的第四个上升沿锁存 BOOT 引脚的值。BOOT0 为专用引脚&#xff0c;而 BOOT1 则与 GPIO 引脚共用。一旦完成对 BOOT1 的采样&#xff0c;相应 GPIO 引脚即进入空闲状态&#xff0c;可用于…

泷羽sec-安全见闻(9)

安全见闻&#xff08;9&#xff09; 声明&#xff01; 学习视频来自B站up主 泷羽sec 有兴趣的师傅可以关注一下&#xff0c;如涉及侵权马上删除文章&#xff0c;笔记只是方便各位师傅的学习和探讨&#xff0c;文章所提到的网站以及内容&#xff0c;只做学习交流&#xff0c;其…

【Python】selenium安装+Microsoft Edge驱动器下载配置流程

文章目录 简介一、安装浏览器对应驱动1.1 查看浏览器当前版本1.2 下载驱动器1.3 配置环境1.3.1 补充——忘记python的解释器位置&#xff1f; 二、selenium安装及验证配置1.安装selenium2.验证配置2.2.1 补充——selenium打开浏览器自动退出&#xff1f; 总结 简介 本文主要介…

vue2父传子,子传父通信

在Vue 2中&#xff0c;父子组件之间的通信可以通过props和$emit来实现。 父传子&#xff1a; 在父组件中绑定要传递的数据到子组件的属性上。 在子组件中通过props选项声明接收的属性。 子传父&#xff1a; 在子组件中使用$emit方法触发一个事件&#xff0c;并传递数据。 …

设计模式-Adapter(适配器模式)GO语言版本

前言 个人感觉Adapter模式核心就在于接口之间的转换。将已有的一些接口转换成其他接口形式。并且一般用于对象上&#xff0c;而不是系统上 问题 就用一个简单的问题&#xff0c;懂数据结构的同学可能知道双端队列。那么就用双端队列实现一个栈&#xff08;stack&#xff09;或…