🌈个人主页:前端青山
🔥系列专栏:鸿蒙开发篇
🔖人终将被年少不可得之物困其一生
依旧青山,本期给大家带来鸿蒙开发篇专栏内容:
有没有可以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端 手机、手表、平板等等