Хочу поделиться с вами одним хорошим решением для динамически генерируемых кусков html (и не только). Конечно же об этом уже миллион и один раз написано, но если вдруг, по каким либо причинам, вы этого еще не видели или не слышали…
Рубрика: JavaScript
DOM MutationObserver — реакция на изменение DOM не убивая производительность браузера
DOM Mutation Events в свое время казались отличной идеей — веб-разработчики начали создавать более динамичные приложения, и казалась естественной та радость с которой были встречены новые возможности прослушивать изменения DOM и реагировать на них. На практике, однако, оказалось, что у…
Cookies внутри iFrame
Введение Управление сессиями при помощи посылки cookies на сайтах стало настолько распространено, что без этого не обходится, наверное, ни один проект, требующий авторизации пользователей. Казалось бы, механизм настолько изучен, что проблемы с ним просто немыслимы. Так считал и я при…
Console в браузерах, используем на полную
Метод console.log() — отличный способ вывести отладочную информацию, не мешая пользователю. Но знаете ли Вы, что объект console имеет еще уйму других не менее полезных методов? Очень редко разработчики используют этот функционал, ограничиваясь неблокирующим alert'ом. Что-ж, давайте исправим это положение.…
Сортировка координат 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',…
Обзор ECMAScript 6, следующей версии JavaScript
Для начала, ликбез и несколько фактов: ECMAScript — это официальный стандарт языка JavaScript (Слово JavaScript не могло быть использовано, потому что слово Java являлось торговой маркой компании Sun) Т.е. JavaScript — это имплементация стандарта ECMAScript. TC39 — комитет, развивающий…
DOM, BOM в JavaScript
Браузер дает доступ к иерархии объектов, которые мы можем использовать для разработки. На рисунке схематически отображена структура основных браузерных объектов. На вершине стоит window, который еще называют глобальным объектом. Все остальные объекты делятся на 3 группы. Объектная модель документа (DOM)…
Числа с плавающей запятой и их особенности
Многие программисты годами пишут свои программы, не понимая, что такое числа с плавающей запятой, и чем они отличаются от "обычных", целых чисел. Это не мешает им создавать хорошие программы. Но в конце концов каждый сталкивается с "необъяснимым" явлением: $a…
Что такое ECMAscript и как это относится к JavaScript
Что было сначала — курица или яйцо? 🙂 Чтоб понимать как соотносятся Javascript и ECMAscript, нужно окунуться немного в историю. Javascript был создан как скриптовый язык для Netscape. Майкрософт создал свой скриптовый язык для IE, который назывался JScript. Естественно использовать…
Кредитный калькулятор + опции
К вашему внимаю — кредитный калькулятор (на 27.05.2012). Все расчеты в гривнях, все статические суммы (сборы) состоянием на 27.05.2012. По законодательству Украины, включая все поправки после 1 января 2012. Просто перейдите по ссылке ниже. Откроется в новом окне
Редакторы кода
Вот хочу поделиться с вами теми редакторами, которыми сам пользуюсь, или знаком: Dreamweaver — очень продвинутый редактор, много чего в нем есть хорошего и удобного, подсветка настраиваемая, встроенный клиент FTP и много-много других фишек, на столько много, что сама программа…
JavaScript и с чем его едят (очень коротко)
Что такое JavaScript, почему о нем так много говорят, особенно, если это касается внешнего вида (юзабилити) и эффектов на веб-странице? Начнем с того, что JavaScript — это полноценный объектно-ориентированный язык программирования. Выполняется он исключительно на стороне клиента, то есть в…