Pla*_*Ton 47 javascript jquery ruby-on-rails coffeescript
在过去的几年里,我几乎专注于后端任务,我刚刚注意到,在我缺席的情况下,大多数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;
})
Run Code Online (Sandbox Code Playgroud)
抛开回调,这几乎就是它.
无论如何,只是浏览一些其他人的代码,并注意到许多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
Run Code Online (Sandbox Code Playgroud)
我一直在寻找有关JavaScript(和/或CoffeeScript)的现代最佳实践/模式的资源,但我没有太多运气.所以简而言之,我应该在哪里加快速度:最好的javascript/coffeescript现代模式和实践?
pra*_*eek 29
http://coffeescriptcookbook.com/chapters/design_patterns/
小智 5
以下是我收集的一些链接:
一般
http://eloquentjavascript.net/
模式
http://addyosmani.com/resources/essentialjsdesignpatterns/book/
遗产
http://blog.vjeux.com/2011/javascript/how-prototypal-inheritance-really-works.html
模块模式
http://www.adequatelygood.com/2010/3/JavaScript-Module-Pattern-In-Depth http://ajaxian.com/archives/a-javascript-module-pattern http://edspencer.net/2009/ 10/JavaScript的模块图案过度使用危险和血性-annoying.html
新关键字
JavaScript的"新"关键字被视为有害吗? http://ejohn.org/blog/simple-class-instantiation
关闭
JavaScript闭包如何工作? http://skilldrick.co.uk/2011/04/closures-explained-with-javascript/
通过引用/值传递
http://snook.ca/archives/javascript/javascript_pass
教JavaScript
http://concisionandconcinnity.blogspot.com/2010/03/notes-on-teaching-javascript.html
这个关键字
http://alebelcor.blogspot.com/2011/07/this-keyword-in-javascript.html http://yehudakatz.com/2011/08/11/understanding-javascript-function-invocation-and-this/
对象文字
http://blog.rebeccamurphey.com/2009/10/15/using-objects-to-organize-your-code
原型
http://yehudakatz.com/2011/08/12/understanding-prototypes-in-javascript/
| 归档时间: |
|
| 查看次数: |
3941 次 |
| 最近记录: |