在HTML节点树上,由 On/By/To 三个HTML特性来定义用户交互。是一种模板驱动的编程模式。
三个特性为逐层递进的关系:
On: 负责待绑定事件的定义、然后是程序执行流中取值部分的逻辑。考虑实用性,也包含最简单的自我操作(如节点移除)。By: 引入外部第三方的处理逻辑,对On部分所取得的数据进行处理。返回的数据依然进入程序执行流。To: 定位目标,应用On部分的取值或By部分的处理结果。同时也可设定到下一阶的延续(如果需要)。
在DOM节点树中定义事件和处理以及数据更新,可以更清晰的感受和表达UI交互的逻辑。
每个节点按自身的UI逻辑各司其职,通过事件发送串连不同的节点,相比于在JS代码中指定事件,这让UI交互的逻辑设计十分清晰(内容与行为紧邻)。
名称:
Tpb: Templated Presentational Behavior
tQuery 轻节点检索库。
最初脱胎于 jcEd(后改名为 Articlejs,现名 Coolj-Ed)开发过程中的一个内部框架。因为编辑器需要大量的交互友好,所以创建了基于「模板驱动」设计的本框架,使用十分便捷。
目前规范的HTML文档编写滞后,框架文档请参考JS源码和 docs/ 内的 md 文件。