binding-stream-test测试我将用于基于流的UI的“数据绑定流”的想法。这个想法是使用流更新整个UI。一件重要的事情是让用户输入也可以使用这种流媒体范式。 这个怎么运作:

  • 流组成以下管道:监听输入的变化并将DOM事件发送到下一个流。

  • 解析输入元素的数据绑定属性,生成一个新对象,该对象包含给定键路径下的输入值。

  • 将生成的对象合并到主“状态”流中

  • 每次更改时,将整个状态通过管道传递到下一步。

  • 使用您想要的任何模板语言呈现数据(我选择了mustache)。

  • 将HTML模板通过管道传递到???利润!

运行方式

在查看演示,或克隆项目并执行以下操作:

  • npm install

  • npm run build

  • 在浏览器中打开index.html

这个项目使用工具来构建一切。