Ну что же ползем дальше. Надо же нам как-то уметь передвигаться по Антоновке, поэтому давайте рассмотрим первые пять функций, которые реализуют «простенькие шажки» по DOM.
Читать полностью »
Метка «javascript» - 87
JavaScript для «маленьких». DOM (часть 2)
2012-05-21 в 6:00, admin, рубрики: child, dom, javascript, NeXT, начинающим, Песочница, метки: child, dom, javascript, NeXT, начинающимJavascript BMP Parser
2012-05-16 в 16:31, admin, рубрики: ajax, data processing, file api, html, html5, javascript, обработка изображений, метки: ajax, data processing, file api, html5, javascriptВступление
Еще с появления скриптов для отображения PDF, извлечения информации с MP3 и декодировки H.264 меня очень заинтересовала тема чтения и работы с бинарными данными в JavaScript.
В этом посте хотелось бы рассказать про свои эксперименты и рассмотреть эти возможности на примере «ручного» парсинга и отображения BMP-файлов (а заодно и освежить память о школьных временах работы с BMP на Паскале :) ).
Сразу хочу предупредить, что речь будет идти именно о написании JavaScript самостоятельно, а не его генерации с исходных кодов других языков с помощью какого-либо транслятора типа Emscripten.Читать полностью »
Средняя длина идентификатора в популярных библиотеках JavaScript составляет 8.27 символа
2012-05-15 в 13:17, admin, рубрики: javascript, имена переменных, стиль программирования, метки: javascript, имена переменных, стиль программирования 
Идентификаторы длиной больше 15 встречаются реже односимвольных. Чаще всего встречаются 6-cимвольные имена. Такие результаты получил автор Esprima — парсера для JavaScript, написанного на JavaScript, проанализировав исходный код таких библиотек, как jQuery, Prototype, MooTools, Underscore и некоторых других.
Пятёрка самых длинных идентификаторов выглядит так:
| prototype-1.7.0.0.js | SCRIPT_ELEMENT_REJECTS_TEXTNODE_APPENDING |
| prototype-1.7.0.0.js | MOUSEENTER_MOUSELEAVE_EVENTS_SUPPORTED |
| jquery-1.7.1.js | subtractsBorderForOverflowNotVisible |
| jquery.mobile-1.0.js | getClosestElementWithVirtualBinding |
| prototype-1.7.0.0.js | HAS_EXTENDED_CREATE_ELEMENT_SYNTAX |
CanvGauge — измерительный прибор с помощью canvas для HTML5
2012-05-15 в 9:15, admin, рубрики: canvas, gauges, html5, javascript, метки: Canvas, gauges, html5, javascriptДобрый день!
Сегодня я хочу поделиться своей небольшой разработкой, которую я делал для одного из своих проектов. На самом деле, в сети множество реализаций gauge, как платных, так и бесплатных. Но найти хооть одно решение с использованием именно canvas мне не удалось, поэтому было принято решение написать свое.
Читать полностью »
Имитируем пересечение, исключение и вычитание, с помощью Lookahead условий, в регулярных выражениях в ECMAScript
2012-05-15 в 3:51, admin, рубрики: javascript, Веб-разработка, Регулярные выражения, метки: javascript, регулярные выраженияИмитируем пересечение, исключение и вычитание, с помощью Lookahead условий в регулярных выражениях в ECMAScript
От переводчика
Это перевод небольшой заметки, написанной вчера Lea Verou
В ней предлагается интересная техника для решения повседневных задач. В самой статье нету ничего нового, но это хорошее обобщение полезной информации.
Информация в статье касается ECMAScript, но может использоваться и в других RegExp Движках (хотя и есть вероятность, что там есть более подходящее решение).
Если примеры кажутся вам сложными, рекомендую играть с ними в консоли, по мере прочтения. И Заранее прощу прочтение за пугающее название.
Статья
Если вы какое-то время используете регулярные выражения, то наверняка вы сталкивались с разными вариантами следующих задач:
- Пересечение:«Что-то, что совпадает с шаблоном А и шаблоном Б»
Например: Пароль, минимум 6 символов, в котором хотя бы одна цифра, хотя бы одна буква, и хотя бы один специальный символ - Исключение: «Я хочу что-то, что совпадает с шаблоном А, но не совпадает с шаблоном Б»
Например: Любое целое число, которое не делится на 50 - Отрицание: Все. Что не совпадает с шаблоном А
Например: Строка, которая не содержит в себе слово «Foo»
Отправляем теги в путешествие (jquery.waypoints)
2012-05-14 в 9:59, admin, рубрики: css3, game development, Gamedev, html5, javascript, jquery, waypoints, Алгоритмы, метки: css3, Gamedev, html5, javascript, jquery, waypointsJquery.waypoints это плагин для реализации движения объектов по набору точек, так называемым вейпоинтам, с заданной скоростью и другими параметрами, физически имитирующие реалистичность. Частичное описание алгоритма было описано тут.
.jpg "Отправляем теги в путешествие (jquery.waypoints)")
Индикатор загрузки изображения на jQuery
2012-05-13 в 19:36, admin, рубрики: javascript, jquery, php, индикатор загрузки, метки: javascript, jquery, индикатор загрузки В данном посте я хотел бы рассказать как сделать простой индикатор загрузки изображения используя библиотеку jQuery.
Читать полностью »
Drag and drop изображений во Flash в браузере
2012-05-13 в 4:31, admin, рубрики: flash, javascript, Веб-разработка, Песочница, метки: drag and drop, flash, javascriptВ ходе тестирования своего сервиса собралось достаточное количество фидбека, что олдскульный способ загрузки файлов в приложение не уносит. Люди хотели drag and drop и пытались перетащить картинки прямо с рабочего стола. Приложение у нас занимает весь экран браузера и написано на флеше, так что прямого способа решить задачу не нашлось.
Поразмыслив и погуглив решили реализовать D&D хотя бы для хрома вот так:
Когда пользователь переключается с вкладки с приложением, т.е. она теряет фокус, поверх флешки накладывается div на который навешано событие отлова дропнутых файлов.
Затем через ExternalInterface изображение в виде ByteArray передается во flash, где оно декодируется и отображается.
Читать полностью »
Лица .тостер {javascript}: Фил и Лука
2012-05-11 в 14:05, admin, рубрики: .тостер, html5, javascript, Блог компании .тостер, конференция, фронт-энд, метки: .тостер, html5, javascript, конференция, фронт-энд 
Улыбающийся молодой человек на фотографии — никто иной, как Фил Хоксворт, технический директор студии R/GA, расположенной в Лондоне и занимающейся, фактически, всем: от создания стратегии digital-продвижения до выполнения сложных технических проектов под нужды заказчиков. И хотя сейчас Фил все меньше непосредственно пишет код и, все больше, координирует свою команду дизайнеров, верстальщиков и разработчиков, он признается в том, что грешен, и иногда флиртует с кодом, пока никто не видит.
Читать полностью »
Маленькая задача, вывести дату
2012-05-11 в 9:53, admin, рубрики: javascript, mail.ru, Веб-разработка, метки: javascript, mail.ruЯ хочу рассказать о простой задаче — вывод даты на главной странице Mail.Ru. Маленькая задача, нетривиальное решение.
Решение в лоб:
function print_date(date){
return date.getDate() + ' ' + getMonth(date.getMonth()) …
}
print_date( new Date() );