binding-stream-test测试我将用于基于流的UI的“数据绑定流”的想法。这个想法是使用流更新整个UI。一件重要的事情是让用户输入也可以使用这种流媒体范式。 这个怎么运作:
-
流组成以下管道:监听输入的变化并将DOM事件发送到下一个流。
-
解析输入元素的数据绑定属性,生成一个新对象,该对象包含给定键路径下的输入值。
-
将生成的对象合并到主“状态”流中。
-
每次更改时,将整个状态通过管道传递到下一步。
-
使用您想要的任何模板语言呈现数据(我选择了mustache)。
-
将HTML模板通过管道传递到???利润!
运行方式:
在查看演示,或克隆项目并执行以下操作:
-
npm install
-
npm run build
-
在浏览器中打开
index.html
这个项目使用工具来构建一切。
暂无评论