Alterna · учебный материал
现状和发展
43.2: PyUI的浏览器界面状态、事件和重新油漆。
Что в этом материале
- 一次闭周期
- 检查链。
- 责任限制
Содержание и основные понятия
状态是随时间变化的最低数据集。 事件报告动作、 处理器更新状态, 然后演示文稿显示相关性 。
活动模型
DOM API
state → render
01
一次闭周期
活动 活动
用户在行动中
click
,文本的输入、国旗和按键的更改都来自浏览器。
状况状况状况现状状况状况
变更数据
处理器更改数字、行或符号。必须保持数据与签名的分隔。
绘画画画
DOMM 数据为数据
文本、字段值和按钮可用性被重新计算为当前状态。
state = {"count": 0}
# click «+» → state["count"] += 1
# render(state) → на экране новое число
02
检查链。
下面的每个按钮都引起一个单独的事件。日志显示顺序:事件、新状态、更新的演示文稿 。
状态计
实际单击
0
03
责任限制
PyUI 描述由主机转换为 DOM 的部件构成的安全树。
click
,
input
或
change
比给桌面图书馆一个窗口模型更诚实
首先,确定一个用户行动所应维持的数据。
命名事件 :
click
,
input
或
change
.
在修改数据后,向用户显示一个可以理解的结果。