Мои шаблоны / практики JavaScript воняют. Куда мне обратиться за помощью?

Последние несколько лет я работал почти исключительно над back-end задачами и только что заметил, что большинство проектов JavaScript (и CoffeeScript) стали чертовски красивее в мое отсутствие.

Я работаю в основном в рельсовой среде, и почти весь мой JavaScript / jQuery выглядел так:

$(an_element).an_event(function() {
  stuff_i_want_to_do;
})

$(another_element).some_other_event(function() {
  some_other_stuff_i_want_to_do;
})

Если не считать обратные вызовы, вот и все.

Как бы то ни было, я просто просматривал код других людей и заметил, что многие javascripters стали намного красивее в мое отсутствие. Это не сложно, но это типично для нового / лучшего подхода к JavaScript, который я видел:

jQuery -> 
  if $('#products').length
    new ProductsPager()

class ProductsPager
  constructor: (@page = 1) ->
    $(window).scroll(@check)

  check: =>
    if @nearBottom()
      @page++
      $(window).unbind('scroll', @check)
      $.getJSON($('#products').data('json-url'), page: @page, @render)
#

  nearBottom: =>
    $(window).scrollTop() > $(document).height() - $(window).height() - 50

  render: (products) =>
    for product in products
      $('#products').append Mustache.to_html($('#product_template').html(), product)
    $(window).scroll(@check) if products.length > 0

Я искал ресурсы по современным передовым методам / шаблонам для JavaScript (и / или CoffeeScript), но я не повезло. Итак, вкратце, где мне искать, чтобы научиться работать быстрее: лучшие современные шаблоны и практики javascript / coffeescript?

47
задан PlankTon 17 November 2011 в 13:28
поделиться