获取小程序实例以及其他页面实例 (getApp, getCurrentPages) 。
声明并处理数据 (data) 。
响应页面交互事件,调用 API 等 。
todos.acss 是页面的样式文件:

文章插图
acss 文件不是必须的 。语法可以查阅 样式(
https://docs.alipay.com/mini/framework/acss) 文档 。当有页面样式表时,页面的样式表中的样式规则会层叠覆盖 app.acss 中的样式规则 。如果不指定页面的样式表,也可以在页面的结构文件中直接使用 app.acss 中指定的样式规则 。
todos.json 是页面的配置文件:

文章插图
配置文件不是必须的 。当有页面的配置文件时,配置项在该页面会覆盖 app.json 的 window 中相同的配置项 。如果没有指定的页面配置文件,则在该页面直接使用 app.json 中的默认配置 。因此 index 页面的标题为 app.json 中指定的 Todo App 。
4.Add Todo 页面
add-todo.axml 为页面结构模版文件:

文章插图
相对于 todo list 页面,add-todo 页面使用了新的 <input/> (
https://docs.alipay.com/mini/component/input)来接受用户输入 。
add-todo.js 页面逻辑代码:

文章插图
add-todo.acss 同 todo list 页面用法基本一致 。
add-todo.json 配置了页面标题:
因此 add-todo 页面的标题不再是 app.json 中指定的 Todo App, 而是 Add Todo.
5.效果

文章插图
七.本地调试1.预览区
这里可真实模拟在支付宝应用里的表现,并针对绝大部分的 api 提供了模拟功能 。
2.调试模式
点击上方的调试Tab,可切换到调试模式 。

文章插图
小程序调试工具提供了 axml 和 acss 的支持,支持组件层级、属性回写等功能;同时也包含了 Chrome 调试工具中的网络请求、DOM 元素检查、源码 Debug 等 。
3.预览日志
点击预览日志按钮,可查看代码编译的详细底层日志,能协助排查和定位问题 。

文章插图
4.出错反馈
当开发者在 axml 或者配置文件里编译出错时,保存后会对错误的信息以 redbox 的形式呈现给开发者 。

文章插图
八.真机预览在"编码"界面点击真机 Tab,选择真机预览, 需要确定如下信息:
- 填写在开放平台申请的APPID,【查看获取方式】(
https://lark.alipay.com/tiny-site/developer/getting-started-new#getappid)
- 选择推送小程序的范围:
https://lark.alipay.com/tiny-site/developer/getting-started-new#getappid)
选择推送小程序的范围:
- 推送给自己, 仅将预览的小程序内容推送给当前登录的用户
- 推送给开发者, 将预览的小程序内容推送给该APPID应用在开放平台设置的所有开发者
推送给开发者, 将预览的小程序内容推送给该APPID应用在开放平台设置的所有开发者

文章插图
九.发布开发者选中"发布"功能后, 需要确定如下发布信息:
- 唯品会商家店铺是正品吗 唯品会的东西是正品吗可靠吗
- 怎么判定在可可西里失踪的女孩自杀?
- 微信昵称、头像和手机号码一直不换的人,生活中是个什么人?
- 嫁给一个有钱的老公,是否就幸福了?
- 分娩过程中有什么尴尬的经历?
- 秦时明月系列 qinshimingyue
- 今日清明节有哪些奠怀烈士的诗词?
- 怎样才能制定好的学习计划?
- 怎么去爱一个女人?
- 如何评价单霁翔的书法?
特别声明:本站内容均来自网友提供或互联网,仅供参考,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
