在过去的几年里,我几乎专门从事后端任务,我刚刚注意到,在我不在的情况下,大多数 JavaScript(和 CoffeeScript)项目都变得非常漂亮。
我主要在 Rails 环境中工作,几乎所有的 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;
})
除了回调之外,基本上就是这样。
不管怎样,我只是浏览了一些其他人的代码,发现在我不在的情况下,许多 JavaScript 开发人员变得更加漂亮了。这并不复杂,但它是我见过的更新/更好的 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)现代最佳实践/模式的资源,但运气不佳。简而言之,我应该在哪里了解最新的 re: best javascript/coffeescript 现代模式和实践?
JavaScript 资源
大规模 JavaScript 应用程序架构的模式 http://addyosmani.com/blog/patterns-for-large-scale-javascript-application-architecture/
初学者必备的 JavaScript 设计模式,第 1 卷。 http://addyosmani.com/resources/essentialjsdesignpatterns/book/
JavaScript 模式 https://rads.stackoverflow.com/amzn/click/com/0596806752
jQuery 特定的
jQuery 应用程序架构工具 http://addyosmani.com/toolsforjqueryapparchitecture/
咖啡脚本
http://coffeescriptcookbook.com/chapters/design_patterns/ http://coffeescriptcookbook.com/chapters/design_patterns/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)