Метка: AJAX технологии

Аминированые ожидания ответа от сервера (jQuery)

Если во время работы страницы необходимо сделать запрос на сервер, который может занять продолжительное время (больше секунды), хорошим тоном будет предупредить пользователя об ожидании загрузки. Стандартным средством для этого является анимация ожидания (разные варианты таких gif-анимаций можно найти на http://www.ajaxload.info). После того, как вы подберете подходящую анимацию и загрузите ее (допустим под именем load.gif) на сервер с вашим сайтом, можно будет использовать ее при выполнении ajax-запросов. Для этого, разместим в конце страницы изображение с анимацией загрузки и сделаем его невидимых в стилях (css): Читать далее Аминированые ожидания ответа от сервера (jQuery)

Обработка проблем загрузки изображений (jQuery)

Отсутствие нужного изображения на сервере отображается на странице весьма броско и обычно портит ее внешний вид. Поскольку jQuery позволяет обрабатывать это событие, появляется возможность заменить отсутствующую картинку на собственное изображение «картинка отсутствует», которое бы подходило по стилю к вашему сайту. Или можно просто убрать не загруженное изображение со страницы: Читать далее Обработка проблем загрузки изображений (jQuery)

Обзор файловых загрузчиков

Статьи о файловых загрузчиках с vremenno.net.

Безфлэшевые решения

1. Ajax upload

Очень хороший инструмент, работающий без флэша. Нету никаких ограничений на стилизацию, позволяет удовлетворить желание пользователя поперетаскивать файлы на инпуты 😉

Много где работает:  IE6/7, FF2/3, Safari, Chrome, Opera.

Примечательно, что имеются разные версии для работы с jQuery, Prototype и независимо. Читать далее Обзор файловых загрузчиков

jQuery 1.3.2

20 февраля 2009 вышел jQuery 1.3.2. Вы можете увидеть полный список изменений и исправлений в баг трэкере.

От переводчика: Этот выпуск не вполне совместим с прежними версиями, не ставьте на production без тестирования! Читать далее jQuery 1.3.2

Вот и вышел долгожданный релиз jQuery 1.3

Основные изменения:
— Новый быстрый механизм селекторов Sizzle.
— События теперь можно назначить для ещё не существующих в DOM элементов.
— Переписана обработка событий. Обещают, что стало лучше и проще.
— Очень быстрая вставка HTML.
— Очень быстрое вычисление координат DOM-элементов методом offset.
— Убрана проверка на браузер. Используйте проверку на доступность какой-либо возможности. Это позволит использовать jQuery с любым браузером без проблем в будущем.
Читать далее Вот и вышел долгожданный релиз jQuery 1.3

jQuery 1.3 Beta 1

Вышла первая бета JavaScript-фреймворка jQuery версии 1.3. Выложена исключительно для тестирования.

Основные изменения, которые могут повлиять на старый код:
— Новый механизм выбора по селектору.
— Операции с DOM.
— .offset ()
— Пространства имён.
— При вызове события оно применяется вверх по дереву DOM. Читать далее jQuery 1.3 Beta 1

Высокопроизводительные AJAX-приложения. Часть 7.

Инструменты для производительности

  • YSlow? [http://developer.yahoo.com/yslow/]
  • Диспетчер задач
  • IE Leak Detector a.k.a Drip [http://www.outofhanwell.com/ieleak/]
  • Профилирование с секундомером
    • AjaxView [http://research.microsoft.com/projects/ajaxview/]
    • JsLex [http://rockstarapps.com/pmwiki/pmwiki.php?n=JsLex.JsLex]
    • YUI profiler [http://developer.yahoo.com/yui/profiler/]
  • Venkman или Firebug Profiler [http://www.getfirebug.com/] Читать далее Высокопроизводительные AJAX-приложения. Часть 7.

Высокопроизводительные AJAX-приложения. Часть 6.

Высокопроизводительный Ajax

Практический Ajax

  • Никогда не применяйте синхронный XMLHttpRequest.
    • http://yuiblog.com/blog/2006/04/04/synchronous-v-asynchronous/.
    • Асинхронное программирование лишь незначительно сложнее.
    • Никогда не блокируйте весь или даже часть интерфейса пользователя при ожидании транзакции.
  • Программно обрабатывайте сетевые тайм-ауты. Читать далее Высокопроизводительные AJAX-приложения. Часть 6.

Высокопроизводительные AJAX-приложения. Часть 5.

Высокопроизводительный динамический макет и CSS

Разные советы…

  • Используйте технику CSS Sprites для быстрого переключения картинок (Snappy Image Replacement, известен также как rollover-эффект).
  • Избегайте использования JavaScript для (анимации) макета.

Высокопроизводительные AJAX-приложения. Часть 4.

Высокопроизводительный динамический HTML Читать далее Высокопроизводительные AJAX-приложения. Часть 4.