Каждый раз когда для ссылки назначается JavaScript-обработчик, необходимо предпринять некоторые дополнительные действия, чтобы страница не «передергивалась».
Отчмечу, что установка атрибута href в значение ‘#’ (href=’#’) не помогает =(.
Правильные варианты:
1 JavaScript обработчик должен вернуть false
2 Атрибут href прописать следующим образом: href=’javascript:void(0)’
Короткий и простой видео-ролик о том, как создавать фильтры в jQuery.
http://net.tutsplus.com/tutorials/javascript-ajax/quick-tip-dissecting-jquery-filters/
Особенно запомнилась проверка на «пустоту» объекта в JavaScript:
var data = {}; // создаем объект
for(var i in data) return true;
// если входим в цикл - значит что-то есть в объекте
Чем меньше по объему внешний JavaScript-файл, тем лучше (он быстрее загружается браузером и возможно (!) быстрее выполняется).
Мало какие сценарии JavaScript обходятся без конструкции if…else.
Типично она выглядит вот так (использую jQuery):
if($(this).is(':checked')){
$('span.noAnonym').hide();
}else{
$('span.noAnonym').hide();
}
Как видно из примера в блоках if и else всего по одному выражению.
В этом случае, конструкцию if…else можно заменить тернарным оператором ? :.
Перепишем предыдущий пример:
$(this).is(':checked') ?
$('span.noAnonym').hide() :
$('span.noAnonym').show();
Экономим 10 символов !!!
Нашел вот такой свой комментарий в файле с JavaScript-кодом =)
Больше 3-х лет прошло =)
Вы бы видели код!!! Ужос!!! Про jQuery я тогда и не знал =)
// JavaScript Document // скрипт для проверки полей формы //my function 8.06.2007 //================================================
Очень модная и что самое главное — ПОЛЕЗНАЯ тема последнего времени в веб-разработке это «Клиентская оптимизация».
Всякие там сжатия, объединения, спрайты, оптимизация картинок и еще много много всего.
Потепенно постигая основы этого «колдовства», я пока активно применяю только сжатие JavaScript и css-файлов. Что такое сжатие ? Это просто удаление «лишних» символов, таких как комментарии и символы, используемые для форматирования кода (пробелы, переводы строки, табуляции и прочее)…В результате размер файла сокращается, а значит увеличивается скорость его загрузки и как следствие из этого увеличивается скорость загрузки и отображения всей страницы.
В своих PHP-проектах я в основном использу фреймворк Yii и именно для него написал простую консольную команду для сжатия жабаскрипта.