广州在线网站制作,现在较为常用的网站开发技术,在境外做网站网站,wordpress建站教程阿里云概述
上一节#xff0c;学习了TypeScript的基础语法#xff0c;而在鸿蒙开发当中#xff0c;有基于自己的编程语言#xff0c;便是ArkTS。它是一种声明式UI的编程范式的语言#xff0c;开发框架如下图所示#xff1a; 根据框架图#xff0c;分析#xff0c;我将它大致…概述
上一节学习了TypeScript的基础语法而在鸿蒙开发当中有基于自己的编程语言便是ArkTS。它是一种声明式UI的编程范式的语言开发框架如下图所示 根据框架图分析我将它大致分为4层
上层为UI范式在早期的Web开发中我们知道(HTML,CSS,JS)为三大基石每一个部分都要学习并且很杂。后进入移动互联网时代后PC的页面也渐渐的往移动设备倾斜。而各大厂牌也推出了相应的前端开发框架比如VueFaceBook的React Native谷歌的Flutter等在跨平台和前端页面的开发中都有一定的应用。在ArkTS中保留了前端开发的UI范式可能这也是鸿蒙基于TS的初衷吧能让纯前端开发者更好的衔接鸿蒙降低门槛。
进入中层是方舟编译器和后端引擎渲染引擎简单来说上层面向开发者代表友好而编译器和引擎的好坏就是效率。
再往下是平台适配和桥接层类似于跨语言的支持跨平台多设备的可移植性扩展性。
最后离不开底层操作系统的支持。
练习
进去ArkTS的世界我们在DevEco中新建项目在entry-src-main-etc-pages-index.ets里编写如下示例无须编译也跑不通来进行代码分析。 Component
struct ListItemComponent{State isChange:boolean false; //装饰器build(){ //UI描述Row(){ //内置组件Text(this.name).width(ItemStyle.LAYOUT_WEIGHT_CENTER).fontSize(FontSize.MIDDlE) //属性方法Text(this.vote).width(ItemStyle.LAYOUT_WEIGHT_CENTER).fontSize(FontSize.SMALL)}.height(ItemStyle.BAR_HEIGHT).width(WEIGHT).onClick((){ //事件方法this.isChange !this.isChange;})}
}
解析如下可以看到
Entry. 默认入口装饰器.
Component 是常用的装饰器代表自定义的组件化能力
build(). UI描述
Text(). 内置组件分为基础组件TextButtonImageInputText 容器组件RowColumnStackList
onClick(). 事件方法
width(). 属性方法 组件的生命周期函数
aboutToAppear由自定义组件到build()之前触发可以用于数据的初始化操作。
aboutToDisappear自定义组件销毁前触发 aboutToAppear(){hilog.info(0x0000, TAG, aboutToAppear);}aboutToDisappear(){}
由Entry修饰的默认入口组件生命周期
onPageShow组件显示时触发
onBackPress按下系统返回键触发
onPageHide按下Home进入后台触发 onPageShow(){}onBackPress(){}onPageHide(){}
总结
完整的组件说明可参考下述官网链接
文档中心
