JQuery开发标准

Question

我正在研究JavaScript的开发标准.我之前使用过Doulgas Crockfords Javascript标准和JsLint.但是现在我正在更多地使用JQuery我正在寻找更多Jquery导向的东西.

理想情况下,一个合理的清单和自动化工具来验证.但实际上,只有一套合理的指导方针才是一个很好的起点

Answer 1

我会想到它们时会加上这个,但这里有一些不在我的脑海中:

• 例如,在$前面添加jQuery对象变量:var $doc_list = $('.documents');这将有助于防止您在尝试记住当前是否在该变量中持有id字符串,元素或jQuery对象时感到困惑.
• 使用UI css框架.关于入门的一个很好的教程就在这里.
• 阅读插件创作文档

Answer 2

指定上下文:

$('p > a', '#content'); // The 2nd argument is the context

选择你的锁链!

// BAD
$('a').css('fontSize', '12px').addClass('link').bind('click', clickHandler).find('span').removeClass('inner');

// BETTER
$('a')
    .css('fontSize', '12px')
    .addClass('link')
    .bind('click', clickHandler)
    .find('span')
        .removeClass('inner');

没有大量的HTML字符串:

// BAD
$('<img id="something" src="path/img.jpg" height="300" width="300" />');

// BETTER
$('<img/>').attr({
    id: 'something',
    src: 'path/img.jpg',
    height: 300,
    width: 300
});