Быстрый поиск DOM-элементов

Octane, 28.02.2009

js-core dom traversingВ новых браузерах для перемещения по DOM-дереву появилась возможность использовать интерфейс «Element Traversal», который позволяет искать элементы, исключая текстовые узлы так, как это происходит в Internet Explorer, при использовании стандартных firstChild, lastChild, nextSibling и previousSibling, что увеличивает скорость поиска элементов.

Читать полностью

Категории: JavaScript, js-core, Работа с DOM | Комментарии (5)

CSS-селекторы в js-core

Octane, 12.01.2009

Логотип js-coreВстроенной поддержки механизма выборки элементов с использованием CSS-селекторов нет, но легко внедрить один из существующих.

Возьмем готовые решения Sizzle, Peppy и Yass, и сделаем расширение для js-core, которое будет автоматически преобразовывать список элементов, выдаваемый этими движками, в объект для работы со списками узлов, предусмотренный в framework’е.

Читать полностью

Категории: CSS, JavaScript, js-core | Комментарии (4)

js-core reloaded

Octane, 08.01.2009

js-core logotypeИтак, прошло уже много времени с момента, когда я (Коробкин Дмитрий) начал заниматься разработкой своего JavaScript фреймворка. Целью было создать продукт, который бы занял свое место среди небольших и быстрых библиотек, позволяющих более удобно производить манипуляции с DOM, легко организовывать AJAX-запросы, а главное в какой-то степени избавить программиста от проблемы кросс-браузерности.

Теперь, пройдя множество исправлений, дополнений и модификаций, js-core вполне может использоваться в проектах любой сложности, обеспечивая достойный уровень производительности. В версии 2.7 структура фреймворка была полностью изменена, он не будет вызывать конфликты с другими скриптами, из-за внедрения пользовательских методов в прототипы встроенных объектов JavaScript. В глобальное пространство имен помещается только один объект с ссылками core и $ на него. Появилась возможность работы со списками узлов.

Читать полностью

Категории: JavaScript, js-core | Комментарии (11)

W3C CSS API селекторы — методы querySelector() и querySelectorAll()

VitaliyRodnenko, 03.11.2008

Методы querySelector() и querySelectorAll() позволяют принимают в качестве аргументов CSS-селектор и возвращают найденные элементы в виде элементов DOM.

Читать полностью

Категории: CSS, JavaScript | Комментарии (2)

Интеграция «Peppy» и «js-core»

Octane, 03.11.2008

Не так давно Джеймс Донахью выпустил первый бета-релиз «Peppy» — движка селекторов, предоставляющего возможность использовать CSS3 для выборки элементов. По результатам сравнительных тестов на производительность «Peppy» занимает топовые позиции.

Так как я пока сомневаюсь, стоит ли мне писать подобный модуль для «js-core», потому что считаю, что вполне достаточно стандартных методов DOM для выбора нужных узлов, но всё-таки иногда бывают случаи, когда использование синтаксиса CSS-селекторов для этих целей очень удобно, я решил попробовать совместить мой фреймворк и библиотеку «Peppy». Как оказалось, все очень просто.

Читать полностью

Категории: JavaScript, js-core | Комментариев нет

Ключевое слово this в JavaScript

VitaliyRodnenko, 31.10.2008

Слово this является одним из наиболее мощных ключевых слов JavaScript. Но могут возникнуть трудности с его использованием, если вы точно не знаете, как оно работает и где применяется.

В этой статье я расскажу, как использовать ключевое слово this в обработке событий.

Читать полностью

Категории: JavaScript, Переводы | Комментарии (10)

Вставка Flash-анимации

Octane, 06.10.2008

Flash insertПоговорим о том, как кросс-браузерно разместить на страницах сайта Flash-анимацию и сохранить валидность XHTML-документа.

Мы знаем, что тег <embed>, который так часто используется для внедрения swf-файлов в HTML-страницы отсутствует в популярной на данный момент спецификации «XHTML 1.0 Strict», что вызывает ошибки во время прохождения тестов W3C на соответствие стандартам при использовании этого тега.

Читать полностью

Категории: Flash, JavaScript | Комментарии (22)

Обработка форм на JavaScript

Octane, 09.09.2008

В этой статье разберем наиболее эффективную модель построения обработчиков элементов веб-интерфейсов на примере HTML-форм. Для понимания материала, изложенного в этой статье, от Вас потребуется знание объектной модели JavaScript.

Обычно встречаются 2 ситуации неправильно организованного алгоритма обработки веб-форм:

  1. Программисты, пришедшие из других языков, например PHP, пытаются реализовать полноценный шаблон MVC. В итоге получается слишком сложный и медленный код.
  2. Начинающие программисты пишут для каждой формы отдельный набор функций, и что хуже всего, хранят их в глобальном пространстве имен.

Читать полностью

Категории: JavaScript | Комментарии (4)

«js-core» — новый JavaScript framework

VitaliyRodnenko, 05.09.2008

js-coreРазработка Коробкина Дмитрия (Octane) — специалиста по веб-интерфейсам в нашей веб-студии в Волгограде. Небольшой, но многофункциональный framework для удобного и быстрого программирования на JavaScript.

Читать полностью

Категории: JavaScript, js-core | Комментарии (2)

Способы сокращения JavaScript кода (продолжение)

Octane, 23.08.2008

Способы сокращения JavaScript кода (продолжение)Как и обещал, представляю Вам продолжение статьи «Способы сокращения JavaScript кода».

Быстрый способ преобразования «DOMNodeList» в «Array»

Итак, чем нас не устраивает «DOMNodeList»? Объект такого типа хоть и представляет из себя нумерованный массив, но не имеет методов, присущих объекту «Array». Например, в полученную коллекцию DOM-элементов мы хотим добавить еще несколько узлов, но удобного метода «push» у «DOMNodeList» нет, потому что это не «Array».

Читать полностью

Категории: JavaScript | Комментарии (5)

480×60
480×60