Метка: javascript

Темплейты/шаблоны на JS (JavaScript template)

Хочу поделиться с вами одним хорошим решением для динамически генерируемых кусков html (и не только). Конечно же об этом уже миллион и один раз написано, но если вдруг, по каким либо причинам, вы этого еще не видели или не слышали…

DOM MutationObserver — реакция на изменение DOM не убивая производительность браузера

DOM Mutation Events в свое время казались отличной идеей — веб-разработчики начали создавать более динамичные приложения, и казалась естественной та радость с которой были встречены новые возможности прослушивать изменения DOM и реагировать на них. На практике, однако, оказалось, что у…

Cookies внутри iFrame

Введение Управление сессиями при помощи посылки cookies на сайтах стало настолько распространено, что без этого не обходится, наверное, ни один проект, требующий авторизации пользователей. Казалось бы, механизм настолько изучен, что проблемы с ним просто немыслимы. Так считал и я при…

Сортировка координат x и y

Итак, есть задача: отсортировать значения системы координат по уровню отдаленности от начальной точки — 0. Предположим у нас есть система координат, ось x и ось y. Есть массив данных координат, в виде: Array( { "x":123, "y":123 }, { "x":234, "y":234…

Обработка событий в JavaScript

Первый способ — inline, прямо в HTML: <a href="https://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); Однако данный способ…

Отправляем форму по AJAX

Есть несколько методов как засабмитить форму на удаленный сервер: GET, POST. Но что если надо отправить форму не перезагружая страницы? Для этого и придумали AJAX. //Берем форму var myForm = jQuery("#myForm"); jQuery.ajax({     url: 'http://mydomain.com/index.php',     type: 'POST',…

DOM, BOM в JavaScript

  Браузер дает доступ к иерархии объектов, которые мы можем использовать для разработки. На рисунке схематически отображена структура основных браузерных объектов.   На вершине стоит window, который еще называют глобальным объектом. Все остальные объекты делятся на 3 группы. Объектная модель документа (DOM)…

Числа с плавающей запятой и их особенности

Многие программисты годами пишут свои программы, не понимая, что такое числа с плавающей запятой, и чем они отличаются от "обычных", целых чисел. Это не мешает им создавать хорошие программы. Но в конце концов каждый сталкивается с "необъяснимым" явлением:   $a…

Редакторы кода

Вот хочу поделиться с вами теми редакторами, которыми сам пользуюсь, или знаком: Dreamweaver — очень продвинутый редактор, много чего в нем есть хорошего и удобного, подсветка настраиваемая, встроенный клиент FTP и много-много других фишек, на столько много, что сама программа…

JavaScript и с чем его едят (очень коротко)

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