1、熟悉工程应用目录，主要明确项目入口文件夹、页面文件夹、静态资源文件夹的位置
2、按照DevEco Studio提供的Hello World模板新建一个基础项目，然后结合之前的项目目录进行实操
3、模仿首页，新建一个页面，按照首页代码写一个类似内容，主要目的是为了熟悉一个页面的基本结构和用到的基础注解
4、在新建的页面内容尝试实现一个简单的登录功能，主要目的是为了学习如何声明变量、函数和对页面布局有一个基础的了解
5、再次新建一个页面，然后尝试从首页跳转到该页面，学习如何使用路由和路由相关的传参、接参、返回
6、在首页和第5步新增的页面中使用生命周期，学习页面的生命周期执行顺序
7、在新建页面中尝试建立一个列表，学习使用for循环和if对列表和列表项进行循环和判断展示
8、尝试在把第7步中的列表项分割出来，用组件的形式引入列表，学习组件的创建和使用；学习在当前页面文件新建组件并引用，以及如何新建一个文件夹存放组件并引用
9、在列表页面中，列表与列表项组件进行通信，学习父子组件之间的通信，以及简单的插槽
10、将列表项美化一下，尝试添加图片组件，主要是为了学习如何引用本地静态资源和线上资源，并且也可以尝试修改页面页面，进一步学习基础的style
11、学习http数据请求，搜索文档或者谷歌，学习http请求的引入和创建，这部分比较简单，把它当成axios学习就行，进阶阶段就是将http利用promise封装，思路和vue以及react是一样的，然后学习如何在页面中引用和使用请求
以上基本可以实现基础的入门，对于前端人员来说，上手比较快，因为页面代码的结构有点像react，只不过样式和函数的使用更改为链式调用，把组件当成一个函数，函数的传参是组件的属性，函数花括号内是子组件，函数的链式调用时修改组件的样式和增加组件的事件
接下来就是按照我们日常开发思维，按照文档学习页面的布局、基础组件的应用，比如们开发常用到的表单、文本、图片；组件的定位、列表滑动请求、弹框等等，后续就是孰能生巧，因为万事开头难，所以本次分享的目的也是为了提供一个入门思路
可能会遇到修改数据（数组/对象）页面没有更新，动态修改样式失效这类问题，这个过程也是帮助我们深度了解Ark TS 和Ark UI
网友评论