apicloud跨端开发(apicloud开发教程)

文档地址:https://docs.Apicloud.com/apicloud3/#/overview/start?index=0&subIndex=11、1

一、项目构建

1、创建项目

apicloud Studio3开发工具中新建项目即可

apicloud跨端开发(apicloud开发教程)

apiclound studio 创建项目

APICloud Studio3下载 : https://www.apicloud.com/studio3#downloadBtn

2、编写stml文件

在创建 stml 文件之前,我们需要在项目根目录下新建一个 pages 目录,只有放置在 pages 目录下的 stml 文件才会被正确编译。

3、预览stml文件

apicloud跨端开发(apicloud开发教程)

二、最佳实践

Apicloud跨端开发采用的是(single template markup language文件类型其结构和 Vue 的单文件组件 (SFC)相似,在熟悉vue的前提下,实现跨端开发是比较容易的。

1、Apicloud的data相当于vue中的data

2、默认导航栏:

如果您的项目只需要支持App端,不需要支持多端,那么对于导航栏定制要求不高的页面,我们依然推荐您使用TabLayout的导航栏。虽然可以非常简单地通过组件自己实现导航栏,也不会像window frame布局那样增加内存占用,但是自定义导航栏还是有js解析、布局计算等过程,而且还需要处理安全区域问题,使用TabLayout则会体验更加极致。

3、长列表的使用

在App端,长的列表应该使用list-view这类带回收复用功能的列表,样就大幅减少了内存占用,即使有成千上万条数据也不会影响性能。

4、如何最大限度兼容小程序

1、尽可能少的或者不引用外部css、js文件,将页面涉及的内容完全包含在template、script、style代码块中,这将更有利于编译器编译小程序代码以及提升兼容能力

2、不建议使用模块或者大多数API,小程序平台几乎不具备APICloud绝大部分模块及API的能力。建议通过在一个项目中区分管理,使用stml方式分别编写App端和小程序端

3、list-view、frame等是专为App打造的组件,更匹配Android和iOS系统的原生特性,小程序中应避免使用,而是使用v-for指令或者scroll-view等进行替代

*详细说明,请移步查看官方文档,文档有详细说明

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

(0)
上一篇 2023年4月3日 上午10:12
下一篇 2023年4月3日 上午10:22

相关推荐