开发文档/快应用开发/开发指南/开发/教程/
教程更新时间: 2024-12-16 15:46:00
| 主题 | 介绍 |
| 生命周期 | 了解页面的生命周期与状态，APP 的生命周期 |
| 页面样式与布局 | 熟悉基础知识，掌握 Flex 布局，了解动态修改样式、引入 less 预编译的方法 |
| 非等比例的屏幕适配 | 本节主要讲述如何开发：非手机设备、非等比例屏幕适配的快应用 |
| 列表渲染 | 循环输出一个数组类型的数据 |
| 条件渲染 | if 为 false 时，组件会从 VDOM 中移除，而 show 仅仅是渲染时不可见，组件依然存在于 VDOM 中 |
| block | block 组件是表达逻辑区块的组件，没有对应的Native组件。可以使用<block>实现更为灵活的"列表/条件渲染"。如在<block>上使用 for 指令和 if 指令 |
| 页面切换 | 了解如何打开页面、回退，并传递参数 |
| 事件绑定 | 在元素上绑定事件 |
| 事件监听 | 了解事件监听 API，如何触发 ViewModel 的事件、组件节点的事件 |
| 表单输入绑定 | 快应用在1100开始引入 model 指令，使用 model 指令可以在框架内部对值进行绑定与更新，实现双向绑定的效果，简化代码逻辑。 |
| Props | 父组件向子组件传递数据 |
| 组件 | 熟悉自定义组件的开发，了解父子组件之间的通信方式，如：props，data，$dispatch()，$broadcast() |
| slot | 类似于其他框架的内容分发，在快应用中也实现了一套内容分发的 API，我们可以使用 slot 组件作为承载分发内容的出口 |
| 计算属性 | 便捷的计算出一些所需结果，简化我们的模版 |
| 动态组件 | 使用动态组件，减少模板的代码量 |
| 过滤器 | 自定义过滤器，可用于文本格式化 |
| 自定义指令 | 快应用中，有些情况下我们需要对 DOM 元素进行访问，或者在元素创建、更新、销毁过程中处理相应的业务逻辑，此时可以使用自定义指令。 |
| 夜间模式适配 | 从 Android 10 开始，系统加入了夜间模式（也有被称为深色模式、暗色模式）的原生支持。快应用也同步引入了此特性，方便开发者更好地适配夜间模式。 |
| 使用 async | 使用async语法开发业务，代码以更整洁优雅的方式替代 Callback 与 Promise |
| 优化技巧 | 了解常用的优化手段，提升对应用代码整理的组织能力，合理拆分功能模块 |
| 性能面板工具 | 从1100版本开始，快应用引擎提供性能面板功能，帮助开发者更好地了解快应用性能，从而开发出更高质量的快应用程序。此外，性能面板也为开发者提供了一些实用便捷的小功能。 |
| 主题 | 介绍 |
| 使用-list | 了解如何正确使用 list，优化列表渲染性能，灵活实现需求 |
| 使用-map | 了解如何使用地图组件 |
| 使用-tabs | 了解如何使用 tabs 组件完成选项卡页签的布局，灵活组合组件，配置属性，优化性能 |
| 使用-canvas | 了解如何正确使用 canvas 画布，以及通过 canvas 绘制图形及动画。 |
| 主题 | 介绍 |
| Deeplink | 框架支持通过链接从外部打开应用。 |
| URL 跳转配置 | URL 跳转配置是指在 H5 页面中可以通过调用接口跳转到应用。 |
| H5 点击组件 | 网页开发者可以在其 H5 页面中使用快应用官方推荐的点击组件，用于跳转指定快应用。使用点击组件时，必须由用户主动点击方可发起跳转快应用请求。 |
| 主题 | 介绍 |
| 使用 npm | npm 是包管理工具，允许开发者下载第三方包到本地使用，允许开发者将自己编写的包上传到 npm 服务器。推荐开发者使用 npm |
| 自动化测试 | 测试是软件开发中必不可少的一个环节，程序化测试能够加快研发速度，提高协作效率，减少产品故障。 |
