В новых браузерах для перемещения по DOM-дереву появилась возможность использовать интерфейс «Element Traversal», который позволяет искать элементы, исключая текстовые узлы так, как это происходит в Internet Explorer, при использовании стандартных firstChild, lastChild, nextSibling и previousSibling, что увеличивает скорость поиска элементов.
Встроенной поддержки механизма выборки элементов с использованием CSS-селекторов нет, но легко внедрить один из существующих.
Возьмем готовые решения Sizzle, Peppy и Yass, и сделаем расширение для js-core, которое будет автоматически преобразовывать список элементов, выдаваемый этими движками, в объект для работы со списками узлов, предусмотренный в framework’е.
Итак, прошло уже много времени с момента, когда я (Коробкин Дмитрий) начал заниматься разработкой своего JavaScript фреймворка. Целью было создать продукт, который бы занял свое место среди небольших и быстрых библиотек, позволяющих более удобно производить манипуляции с DOM, легко организовывать AJAX-запросы, а главное в какой-то степени избавить программиста от проблемы кросс-браузерности.
Теперь, пройдя множество исправлений, дополнений и модификаций, js-core вполне может использоваться в проектах любой сложности, обеспечивая достойный уровень производительности. В версии 2.7 структура фреймворка была полностью изменена, он не будет вызывать конфликты с другими скриптами, из-за внедрения пользовательских методов в прототипы встроенных объектов JavaScript. В глобальное пространство имен помещается только один объект с ссылками core и $ на него. Появилась возможность работы со списками узлов.
Методы querySelector() и querySelectorAll() позволяют принимают в качестве аргументов CSS-селектор и возвращают найденные элементы в виде элементов DOM.
Не так давно Джеймс Донахью выпустил первый бета-релиз «Peppy» — движка селекторов, предоставляющего возможность использовать CSS3 для выборки элементов. По результатам сравнительных тестов на производительность «Peppy» занимает топовые позиции.
Так как я пока сомневаюсь, стоит ли мне писать подобный модуль для «js-core», потому что считаю, что вполне достаточно стандартных методов DOM для выбора нужных узлов, но всё-таки иногда бывают случаи, когда использование синтаксиса CSS-селекторов для этих целей очень удобно, я решил попробовать совместить мой фреймворк и библиотеку «Peppy». Как оказалось, все очень просто.
Слово this является одним из наиболее мощных ключевых слов JavaScript. Но могут возникнуть трудности с его использованием, если вы точно не знаете, как оно работает и где применяется.
В этой статье я расскажу, как использовать ключевое слово this в обработке событий.
Поговорим о том, как кросс-браузерно разместить на страницах сайта Flash-анимацию и сохранить валидность XHTML-документа.
Мы знаем, что тег <embed>, который так часто используется для внедрения swf-файлов в HTML-страницы отсутствует в популярной на данный момент спецификации «XHTML 1.0 Strict», что вызывает ошибки во время прохождения тестов W3C на соответствие стандартам при использовании этого тега.
В этой статье разберем наиболее эффективную модель построения обработчиков элементов веб-интерфейсов на примере HTML-форм. Для понимания материала, изложенного в этой статье, от Вас потребуется знание объектной модели JavaScript.
Обычно встречаются 2 ситуации неправильно организованного алгоритма обработки веб-форм:
Разработка Коробкина Дмитрия (Octane) — специалиста по веб-интерфейсам в нашей веб-студии в Волгограде. Небольшой, но многофункциональный framework для удобного и быстрого программирования на JavaScript.
Как и обещал, представляю Вам продолжение статьи «Способы сокращения JavaScript кода».
DOMNodeList» в «Array»Итак, чем нас не устраивает «DOMNodeList»? Объект такого типа хоть и представляет из себя нумерованный массив, но не имеет методов, присущих объекту «Array». Например, в полученную коллекцию DOM-элементов мы хотим добавить еще несколько узлов, но удобного метода «push» у «DOMNodeList» нет, потому что это не «Array».
