Будьте в курсе последних событий, подпишитесь на обновления сайта

Глава 2. Основы JavaScript

Выделение на странице: Range, TextRange и Selection

Здравствуйте! В этой статье я  расскажу  об  объектах Range, TextRange и Selection. Эти объекты используются для выделения текста и  задания стилевых свойств выделяемому фрагменту. В принципе данные объекты  используются не часто, но знать о них все равно надо.

Выделение текста Объект Range, Text Range

Читать далее

Работа с куки в JavaScript, document.cookie

Здравствуйте!  В этом уроке я расскажу о работе с куки в JavaScript. Давайте для начала разберемся  что такое куки файлы и для чего они нужны. Cookie — это файлы, которые хранятся  на компьютере пользователя и по которым  сервер, то есть сайт сможет опознать посетителя. как правило в таких файлах хранят пару логин — пароль, хотя можно сохранять и другую информацию. Объем таких файлов не большой и составляет 5 килобайт. Сейчас на смену куам пришло LocalStorage (локальное хранилище), но о нем еще будет отдельный разговор.

cookies javascript

Для чтения и записи кукисов  используется свойство document.cookie. Однако, оно представляет собой не объект, а строку в специальном формате, для манипуляций с которой нужны дополнительные функции.

Читать далее

Запуск кода из строки: метод eval

Здравствуйте! В этом уроке речь пойдет о таком может малоизвестном методе eval. Функция eval(code) позволяет выполнить  любой код, переданный ей в виде строки.  И в  этом кроется ее опасность  ведь если ей передать зловредный код в виде строки, то он будет выполнен.

Этот код будет выполнен в текущей области видимости.

Метод eval выполнение кода JS

Читать далее

Анимация в JavaScript

Здравствуйте!  В этом уроке  рассмотрим анимации в JavaScript.  JavaScript-анимация применяется  где не подходит CSS-анимации.

Например,  анимация по сложной траектории, с  специальной временной функцией, выходящей за рамки кривых Безье, на canvas. Еще её используют для анимации в старых IE. Хотя надо сказать, что для  экономии ресурсов,  особенно мобильных устройств предпочтительно использовать CSS анимации.

Анимация в JS

Читать далее

Отладка скриптов в браузере Chrome

Здравствуйте! В продолжении темы обработки ошибок в JavaScript  поговорим об отладке скриптов силами браузера. Для примера возьмем самый лучший браузер на Земле —  Chrome.

В принципе такие инструменты есть в любом браузере, а если учесть, что  большая часть браузеров работает на одном движке, что и Chrome, то тут в принципе не будет особых различий. Также еще очень хорош Firefox со своим инструментом Firebug.

отладка скриптов в браузере Chrome

Читать далее

Перехват ошибок в JavaScript, «try..catch»

Здравствуйте!  В этом уроке я хотел бы рассказать об ошибках в JavaScript и о том как их собственно обрабатывать.  Ведь часто случается, что ошибки  происходят  время от времени  и тут даже дело не в наличие опыта программирования или даже  полном его отсутствии. Ведь и у матерых программистов тоже случаются ошибки никто от этого не застрахован.

Ошибки бывают в основном 2-х типов — это синтаксические и логические.  К синтаксическим можно отнести ошибки в имени переменных, функций,  ошибки в синтаксисе кода. В принципе такие ошибки легко отловить через консоль браузера.

А вот логические ошибки с ними все не так просто потому, что они приводят к неправильному выполнению кода программы. Поэтому для их устранения потребуется отладка программы, чтобы понять что собственно происходит на каждом шаге скрипта. Мы же с вами  здесь рассмотрим в основном локализацию синтаксических ошибок с помощью конструкции try…catch.
перехват ошибок в javascript try...catch
Читать далее

Таймеры в JavaScript

Здравствуйе!  В этом уроке я расскажу о таком понятии как таймеры в JavaScript.  Тут надо заметить, что в JavaScript имеется так называемый  внутренний таймер-планировщик, который и  позволяет задавать вызов  любой функции через определенный период времени. Вот эти-то функции мы с вами и рассмотрим в этом уроке.

таймеры на Javascript

Читать далее

Переопределение функций в JavaScript

Здравствуйте! В этом заключительном уроке по функциям в JavaScript  речь пойдет о такой интересной особенности функций, как переопределение фунуций. Все дело в том, что, если в функции определить переменную, которая совпадает с названием функции и в эту переменнуюв свою очередь поместить анонимную фцнкцию, то при первом вызове  функции сработает основной блок функции, а при последующих вызовах будет срабатывать, то что возвращает наша переменная внутри функции. Давайте рассмотрим как всегда на примерах.

Переопределение функции

 

Читать далее

Рекурсивные функции

Здравствуйте! В продолжении темы функций в JavaScript  в этом уроке разберем что такое рекурсивные функции. Итак рекурсия — это когда функция вызывает сама себя. Тема рекурсии это общая тема программирования, поэтому если вы уже знакомы с ней то можете дальше не читать, а этот материал предназначен для тех, кто не знает что такое рекурсия. Для того чтобы разобраться с рекурсией рассмотрим простые примеры.

рекурсивные функции в javascript

 

 

Читать далее

Замыкания и самовызывающиеся функции

Здравствуйте! Продолжаем изучать функции в JavaScript. И в этом уроке мы с вами рассмотрим такое понятие как замыкание функции и так называемые IIFE функции или самовызывающиеся функции. Итак давайте начинать.

Замыкание в JavaScript

 

Читать далее

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: