JavaScript

JavaScript — язык программирования.

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

14/05/2014
от

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

Метки:, , ,
Опубликовано в рубрике JavaScript | Комментариев нет »

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

28/11/2013
от

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

Метки:, , , , , , , , ,
Опубликовано в рубрике DOM, JavaScript | Комментариев нет »

Cookies внутри iFrame

28/11/2013
от

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

Метки:, , , , , ,
Опубликовано в рубрике HTML5, JavaScript | Комментариев нет »

Console в браузерах, используем на полную

25/11/2013
от
Console в браузерах, используем на полную

Метод console.log() — отличный способ вывести отладочную информацию, не мешая пользователю. Но знаете ли Вы, что объект console имеет еще уйму других не менее полезных методов? Очень редко разработчики используют этот функционал, ограничиваясь неблокирующим alert'ом. Что-ж, давайте исправим это положение. Небольшое примечание: использование отладочного кода может негативно сказаться на производительности. Удаляйте его из продакшн...
Далее »

Метки:, , , , ,
Опубликовано в рубрике JavaScript | Комментариев нет »

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

30/05/2013
от

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

Метки:, , , ,
Опубликовано в рубрике JavaScript | Комментариев нет »

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

22/05/2013
от

Первый способ — 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 | Комментариев нет »

Как определить в JavaScript, что тип переменной массив

22/05/2013
от

Первое решение, которое приходит в голову — использование typeof — не подходит, поскольку в данном случае тип всегда будет object. Можно задействовать метод instanceof: var arr = new Array; var notarr = 5; print (arr instanceof Array); print (noarr instanceof Array); Однако данный способ не подходит для определения экземпляра Object, потому что все классы, в том числе Array, унаследованы от...
Далее »

Метки:, , , , , , ,
Опубликовано в рубрике JavaScript | Комментариев нет »

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

16/04/2013
от

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

Метки:, , , , ,
Опубликовано в рубрике JavaScript | Комментариев нет »

Обзор ECMAScript 6, следующей версии JavaScript

05/04/2013
от

Для начала, ликбез и несколько фактов:   ECMAScript — это официальный стандарт языка JavaScript (Слово JavaScript не могло быть использовано, потому что слово Java являлось торговой маркой компании Sun) Т.е. JavaScript — это имплементация стандарта ECMAScript. TC39 — комитет, развивающий стандарт ECMAScript и принимающий решения по включению фич в него. ECMAScript стандартов много. Самый...
Далее »

Метки:, ,
Опубликовано в рубрике JavaScript | Комментариев нет »

DOM, BOM в JavaScript

23/08/2012
от
DOM, BOM в JavaScript

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

Метки:, , , ,
Опубликовано в рубрике JavaScript | Комментариев нет »

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

21/08/2012
от

Многие программисты годами пишут свои программы, не понимая, что такое числа с плавающей запятой, и чем они отличаются от "обычных", целых чисел. Это не мешает им создавать хорошие программы. Но в конце концов каждый сталкивается с "необъяснимым" явлением:   $a = 1.1 - 1; $b = 0.1; if ($a == $b) { print "$a...
Далее »

Метки:, , ,
Опубликовано в рубрике JavaScript | Комментариев нет »

Что такое ECMAscript и как это относится к JavaScript

16/08/2012
от

Что было сначала — курица или яйцо? 🙂 Чтоб понимать как соотносятся Javascript и ECMAscript, нужно окунуться немного в историю. Javascript был создан как скриптовый язык для Netscape. Майкрософт создал свой скриптовый язык для IE, который назывался JScript. Естественно использовать 2 языка для разных браузеров было не кошерно и Netscape инициировало стандартизацию, в результате...
Далее »

Метки:, ,
Опубликовано в рубрике JavaScript | Комментариев нет »

Кредитный калькулятор + опции

27/05/2012
от

К вашему внимаю — кредитный калькулятор (на 27.05.2012). Все расчеты в гривнях, все статические суммы (сборы) состоянием на 27.05.2012. По законодательству Украины, включая все поправки после 1 января 2012. Просто перейдите по ссылке ниже. Откроется в новом окне  
Далее »

Метки:, , , , , , ,
Опубликовано в рубрике JavaScript, Разное | Комментариев нет »

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

18/12/2011
от

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

Метки:, , ,
Опубликовано в рубрике JavaScript, MySQL, PHP, Верстка, Разное | Комментариев нет »

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

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

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

Метки:, , ,
Опубликовано в рубрике JavaScript | Комментариев нет »