690
 

dLite – легковесная библиотека JavaScript

Несомненно, современные библиотеки JavaScript, такие как Mootools, jQuery, обладают огромным количеством функциональности, что делает их крайне привлекательными для разработчиков. Однако стоит отметить и тот факт, что для множества разработчиков такое количество функций гораздо больше того, что нужно. Ведь согласитесь, не везде и не всегда используются, к примеру эффекты затенения, плавного открытия панелей и другие бубенчики и свистульки jQuery, хотя все они добавляются при подключении этой библиотеки (размер 50+ Кб в минимизированном виде и около 25Кб запакованный паккером).

Изменить такое положение вещей решил Роберт Ниман, который создал замечательную и очень маленькую библиотеку dLite (4,2 Кб), которая, как швейцарский нож, включает в себя джентельменский набор функций, которые способны выполнять следующие операции:

  • Получение ссылок на элементы DOM.
  • Выполнение событий при полной загрузке документа DOM. Аналог $.ready() в jQuery.
  • Получение ссылок на элементы по имени класса.
  • Добавление и удаление элементов.
  • Добавление/удаление классов элементов.
  • Отмена захвата событий и действий по умолчанию для элементов.
Логотип библиотеки dLite

Как видите, вся выше перечисленная функциональность используется практически всеми программистами при создании скриптов.

<< читать дальше >>

Анализ производительности для jQuery

Джон Ресиг создал новый плагин для jQuery, который позволяет анализировать производительность работы скриптов, написанных с использованием этой библиотеки. Работает он довольно просто, нужно просто подключить плагин…:

<script src="/javascripts/bundle.js"></script>
<script src="http://dev.jquery.com/~john/plugins/profile/jquery-profile.js"></script>

Затем просто пользоваться сайтом, т.е. заставить поработать скрипты. Чтобы просмотреть результаты анализа производительности, нужно ввести в консоли команду jQuery.displayProfile(), результат будет примерно следующим:

результат анализа производительности jQuery

Чтобы получить необработанные данные профайлера, воспользуйтесь функцией jQuery.getProfile().

источникскачать

AJAX календарь на Mootools в стиле Висты

Vista-like AJAX Calendar v2 – это простой в использовании и “ненавязчивый” календарь/виджет для выбора дат, написанный на Mootools с использованием AJAX и PHP.

Vista-like AJAX Calendar

Достоинства плагина:

  • Дизайн в стиле Vista.
  • Быстрая навигация между месяцами, годами, десятилетиями без использования выпадающих списков.
  • Эффекты плавной анимации.
  • Легок в настройке.
  • Возможность выбора дат.
  • Как календарь, так и виджет для выбора дат можно создавать много раз.
  • Совместим с версиями Mootools 1.11 и 1.2
  • Небольшой размер (в сжатом виде 8,50kB)

Данный плагин протестирован в IE6/7, Firefox 2 и Opera 9.

скачатьсмотреть демо

mootools 1.2 cheat sheet

Буквально на днях вышел стабильный релиз Mootools 1.2, который содержит массу новых возможностей и несколько измененный API. Чтобы было легче в нем ориентироваться, советую скачать новый cheat sheet:

Mootools cheat sheet

Источник: mediaVROG blog.

Работа с классами в Mootools

В одной из прошлых статей я писал об основах программирования с использованием Mootools, а именно о работе с элементами и событиями. В этом уроке речь пойдет о несколько более сложной теме – объектно-ориентированном программировании, в частности о создании классов и объектов, а также о наследовании. В качестве примера я покажу процесс создания класса SlideShow (для отображения слайдов) и двух его дочерних классов – ImageSlideShow (для показа изображений) и RssSlideShow (для показа лент новостей).

<< читать дальше >>

JSToolbox создан на основе WordPress