Хочу поделиться с вами одним хорошим решением для динамически генерируемых кусков html (и не только). Конечно же об этом уже миллион и один раз написано, но если вдруг, по каким либо причинам, вы этого еще не видели или не слышали — то милости просим, вот пример (один из вариантов, мне больше всех остальных нравится): ...
Далее »
JavaScript
JavaScript — язык программирования.
Темплейты/шаблоны на JS (JavaScript template)
DOM MutationObserver — реакция на изменение DOM не убивая производительность браузера
DOM Mutation Events в свое время казались отличной идеей — веб-разработчики начали создавать более динамичные приложения, и казалась естественной та радость с которой были встречены новые возможности прослушивать изменения DOM и реагировать на них. На практике, однако, оказалось, что у DOM Mutation Events имеются серьезные проблемы с производительностью и стабильностью. Не удивительно, что спецификация...
Далее »
Cookies внутри iFrame
Введение Управление сессиями при помощи посылки cookies на сайтах стало настолько распространено, что без этого не обходится, наверное, ни один проект, требующий авторизации пользователей. Казалось бы, механизм настолько изучен, что проблемы с ним просто немыслимы. Так считал и я при разработке iframe-приложения для ВКонтакте. Но после того, как приложение было разработано (разработка велась в...
Далее »
Console в браузерах, используем на полную

Метод console.log() — отличный способ вывести отладочную информацию, не мешая пользователю. Но знаете ли Вы, что объект console имеет еще уйму других не менее полезных методов? Очень редко разработчики используют этот функционал, ограничиваясь неблокирующим alert'ом. Что-ж, давайте исправим это положение. Небольшое примечание: использование отладочного кода может негативно сказаться на производительности. Удаляйте его из продакшн...
Далее »
Сортировка координат x и y
Итак, есть задача: отсортировать значения системы координат по уровню отдаленности от начальной точки — 0. Предположим у нас есть система координат, ось x и ось y. Есть массив данных координат, в виде: Array( { "x":123, "y":123 }, { "x":234, "y":234 } ). Надо этот массив отсортировать по степени отдаленности проекции координат от начальной точки...
Далее »
Обработка событий в JavaScript
Первый способ — inline, прямо в HTML: <a href="http://100.org.ua" onclick="alert(event.type)">Click</a> Второй способ — свойство on в объекте DOM: <script type="text/javascript"> var element = document.getElementById("test"); element.onclick = function(event){alert("Hello")}; </script> Третий способ — специальные методы (W3C и Internet Explorer как обычно имеют свои и друг с другом не пересекаются, то есть этот метод не универсален и...
Далее »
Как определить в JavaScript, что тип переменной массив
Первое решение, которое приходит в голову — использование typeof — не подходит, поскольку в данном случае тип всегда будет object. Можно задействовать метод instanceof: var arr = new Array; var notarr = 5; print (arr instanceof Array); print (noarr instanceof Array); Однако данный способ не подходит для определения экземпляра Object, потому что все классы, в том числе Array, унаследованы от...
Далее »
Отправляем форму по AJAX
Есть несколько методов как засабмитить форму на удаленный сервер: GET, POST. Но что если надо отправить форму не перезагружая страницы? Для этого и придумали AJAX. //Берем форму var myForm = jQuery("#myForm"); jQuery.ajax({ url: 'http://mydomain.com/index.php', type: 'POST', //GET data: myForm.serialize() //etc });
Далее »
Обзор ECMAScript 6, следующей версии JavaScript
Для начала, ликбез и несколько фактов: ECMAScript — это официальный стандарт языка JavaScript (Слово JavaScript не могло быть использовано, потому что слово Java являлось торговой маркой компании Sun) Т.е. JavaScript — это имплементация стандарта ECMAScript. TC39 — комитет, развивающий стандарт ECMAScript и принимающий решения по включению фич в него. ECMAScript стандартов много. Самый...
Далее »
DOM, BOM в JavaScript

Браузер дает доступ к иерархии объектов, которые мы можем использовать для разработки. На рисунке схематически отображена структура основных браузерных объектов. На вершине стоит window, который еще называют глобальным объектом. Все остальные объекты делятся на 3 группы. Объектная модель документа (DOM) Доступна через document. Дает доступ к содержимому страницы. На странице W3C DOM вы можете найти стандарты DOM,...
Далее »
Числа с плавающей запятой и их особенности
Многие программисты годами пишут свои программы, не понимая, что такое числа с плавающей запятой, и чем они отличаются от "обычных", целых чисел. Это не мешает им создавать хорошие программы. Но в конце концов каждый сталкивается с "необъяснимым" явлением: $a = 1.1 - 1; $b = 0.1; if ($a == $b) { print "$a...
Далее »
Что такое ECMAscript и как это относится к JavaScript
Что было сначала — курица или яйцо? 🙂 Чтоб понимать как соотносятся Javascript и ECMAscript, нужно окунуться немного в историю. Javascript был создан как скриптовый язык для Netscape. Майкрософт создал свой скриптовый язык для IE, который назывался JScript. Естественно использовать 2 языка для разных браузеров было не кошерно и Netscape инициировало стандартизацию, в результате...
Далее »
Кредитный калькулятор + опции
К вашему внимаю — кредитный калькулятор (на 27.05.2012). Все расчеты в гривнях, все статические суммы (сборы) состоянием на 27.05.2012. По законодательству Украины, включая все поправки после 1 января 2012. Просто перейдите по ссылке ниже. Откроется в новом окне
Далее »
Редакторы кода
Вот хочу поделиться с вами теми редакторами, которыми сам пользуюсь, или знаком: Dreamweaver — очень продвинутый редактор, много чего в нем есть хорошего и удобного, подсветка настраиваемая, встроенный клиент FTP и много-много других фишек, на столько много, что сама программа давно уже перестала быть классическим редактором. Это уже даже сложно назвать мега-комплексом среды разработки,...
Далее »
JavaScript и с чем его едят (очень коротко)

Что такое JavaScript, почему о нем так много говорят, особенно, если это касается внешнего вида (юзабилити) и эффектов на веб-странице? Начнем с того, что JavaScript — это полноценный объектно-ориентированный язык программирования. Выполняется он исключительно на стороне клиента, то есть в веб-браузере, и не имеет доступ к каким-либо внешним объектам, например, узнать объем вашего жесткого...
Далее »