如何正确分离JavaScript视图/逻辑代码

Question

我从带有update/create/delete标志的websocket接收JSON对象.根据这些信息,我要么更新,创建或删除HTML元素并绑定回调.这可能会影响多个HTML元素.

我目前的方法是将所有内容放入通过jquery处理HTML生成的特定对象,例如:

$.("<table>").addChild($("<tr>")).addClass('test')

并绑定事件侦听器.但随着越来越多的代码的添加,它变得非常混乱,现在我正在寻找一种分离代码的正确方法.

有没有关于如何正确做到这一点的想法？构架？也许jQuery模板(这仍然让我在如何干净地添加回调的黑暗中)？

Answer 1

对于你的情况，我可以推荐你看看Knockoutjs、AngularJS或Backbone.js。