Rails Backbone 添加属性工作缓慢且有问题

Question

我正在制作一款有骨气的游戏。我制作了简单的统计页面并添加了统计信息。我怎样才能改进它以使其顺利工作？因为现在当我按“添加 5 个统计数据”时，然后我按“添加生命值”5 次，有时我会留下 1-2 个统计数据，有时我可以添加更多生命值，因为统计数据下降速度较慢，我正在尝试添加统计数据快速地。这是我的查看活动页面。

Sprint.Views.Stats ||= {}

class Sprint.Views.Stats.StatView extends Backbone.View
  template: JST["backbone/templates/stats/stat"]

  events:
    "click .add_health" : "add_health"
    "click .add_strength" : "add_strength"
    "click .add_stat" : "add_stat"

  tagName: "td"

  add_health: (e) ->
    e.preventDefault()
    e.stopPropagation()
    if @model.attributes.stat > 0
      @model.save(health: @model.attributes.health+1)
      @model.save(stat: @model.attributes.stat-1)
      @model.on("change", () => this.render() )

  add_strength: (e) ->
    e.preventDefault()
    e.stopPropagation()
    if @model.attributes.stat > 0
      @model.save(strength: @model.attributes.strength+1)
      @model.save(stat: @model.attributes.stat-1)
      @model.on("change", () => this.render() )

  add_stat: (e) ->
    e.preventDefault()
    e.stopPropagation()
    @model.save(stat: @model.attributes.stat+5)
    @model.on("change", () => this.render() )

  render: ->
    @$el.html(@template(@model.toJSON() ))
    return this

这是我的模板

Stats: <%= stat %><br>
Health: <%= health %><a href="#/<%= id %>/add_health" class="add_health"> add_health</a><br>
Strength: <%= strength %><a href="#/<%= id %>/add_strength" class="add_strength"> add_strength</a><br>
Make more stats: <a href="#/<%= id %>/add_stat" class="add_stat"> add 5 stat</a>

我可以把我的 If's 放在哪里？

  add_exp: (e) ->
    e.preventDefault()
    @model.save(experience: @model.attributes.experience+5)
    if @model.attributes.experience >= @model.attributes.level*30
      @model.save(level: @model.attributes.level+1, experience:     @model.attributes.experience-@model.attributes.level*30, stat: @model.attributes.stat+5)
    @model.on("change", () => this.render() )

Answer 1

当你调用这两行时：

@model.save(health: @model.attributes.health+1)
@model.save(stat: @model.attributes.stat-1)

无法保证哪个会先完成，调用可能会发送属性未更改的模型。

相反，您应该将它们组合成一个保存调用：

@model.save({health: @model.attributes.health+1, stat: @model.attributes.stat-1})

这样，模型将同时保存两个更改，而不是对正在竞争的服务器的两个调用。

另一个注释...

我还将这一行 @model.on("change", () => this.render() ) 移动到视图上的 initialize 函数，并且不会在很多不需要它的地方复制它。我什至可以稍微改变一下语法……像这样：

initialize: ->
  @listenTo @model, 'change', @render