СОВРЕМЕННЫЙ УЧЕБНИК JAVASCRIPTTRANSLATE THIS PAGEУЧЕБНИККУРСЫФОРУМES5ТЕСТЫ

ЗНАНИЙNODE.JS

Современный учебник JavaScript, начиная с основ, включающий в себя много тонкостей и фишек JavaScript/DOM. КНИГИ - JAVASCRIPTTRANSLATE THIS PAGE Книги, очищающие Разум. На этой странице собраны те книги из интернет-свалки, которые можно читать. Более подробно о том, как выбирались книги, можно почитать тут. Внимание! В

СОБЫТИЯ

Событие - это сигнал от браузера о том, что что-то произошло. читать дальше ». Свойства объекта событие. Тип события. Элементы, связанные с событием. Кнопка мыши: which/button. Координаты мыши: clientX (Y ОБЪЕКТЫ, ООП Перебор свойств объекта. Объекты (они же - ассоциативные массивы, хэши) и работа с ними в Javascript - реализованы не так, как в большинстве языков. С этим связано много ошибок и непоняток. В

этой

КАРРИРОВАНИЕ Каррирование – это трансформация, которая превращает вызов f (a, b, c) в f (a) (b) (c). В JavaScript реализация обычно позволяет вызывать функцию обоими СТРУКТУРА КОДА Не стесняйтесь использовать комментарии в своём коде. Комментарии увеличивают размер кода, но это не

проблема.

ПРЕОБРАЗОВАНИЕ ТИПОВ Преобразование типов. Чаще всего операторы и функции автоматически приводят переданные им значения к нужному типу. Например, alert автоматически преобразует любое значение к строке СОВРЕМЕННЫЙ УЧЕБНИК JAVASCRIPTTRANSLATE THIS PAGEУЧЕБНИККУРСЫФОРУМES5ТЕСТЫ

ЗНАНИЙNODE.JS

Современный учебник JavaScript, начиная с основ, включающий в себя много тонкостей и фишек JavaScript/DOM. КНИГИ - JAVASCRIPTTRANSLATE THIS PAGE Книги, очищающие Разум. На этой странице собраны те книги из интернет-свалки, которые можно читать. Более подробно о том, как выбирались книги, можно почитать тут. Внимание! В

СОБЫТИЯ

Событие - это сигнал от браузера о том, что что-то произошло. читать дальше ». Свойства объекта событие. Тип события. Элементы, связанные с событием. Кнопка мыши: which/button. Координаты мыши: clientX (Y ОБЪЕКТЫ, ООП Перебор свойств объекта. Объекты (они же - ассоциативные массивы, хэши) и работа с ними в Javascript - реализованы не так, как в большинстве языков. С этим связано много ошибок и непоняток. В

этой

КАРРИРОВАНИЕ Каррирование – это трансформация, которая превращает вызов f (a, b, c) в f (a) (b) (c). В JavaScript реализация обычно позволяет вызывать функцию обоими СТРУКТУРА КОДА Не стесняйтесь использовать комментарии в своём коде. Комментарии увеличивают размер кода, но это не

проблема.

ПРЕОБРАЗОВАНИЕ ТИПОВ Преобразование типов. Чаще всего операторы и функции автоматически приводят переданные им значения к нужному типу. Например, alert автоматически преобразует любое значение к строке

СОБЫТИЯ

Для инициализации страницы исторически использовалось событие window.onload, которое срабатывает после полной загрузки страницы и всех объектов на ней: счетчиков, картинок и т.п.. Событие onDOMContentLoaded - гораздо лучший выбор в РЕКУРСИЯ И СТЕК Если n == 1, тогда всё просто.Эта ветвь называется базой рекурсии, потому что сразу же приводит к очевидному результату: pow(x, 1) равно x.; Мы можем представить pow(x, n) в виде: x * pow(x, n - 1).Что в математике записывается как: x n = x * x

n-1.

PROMISE - JAVASCRIPTTRANSLATE THIS PAGE Promise – это специальный объект, который содержит своё состояние. Вначале pending («ожидание»), затем – одно из: fulfilled («выполнено успешно») или rejected («выполнено с ошибкой»). На promise можно

ЗАМЫКАНИЕ

В некоторых языках это невозможно, или функция должна быть написана специальным образом, чтобы получилось замыкание. Но, как было описано выше, в СПРАВОЧНИК JAVASCRIPT: MATH.RANDOMTRANSLATE THIS PAGE Заметим, что числа в яваскрипт хранятся в формате с плавающей точкой ieee 754 с округлением в сторону ближайшего четного. ГЕТТЕРЫ И СЕТТЕРЫ Для управляемого доступа к состоянию объекта используют специальные функции, так называемые «геттеры» и �сеттеры».. Геттер и сеттер для воды. На текущий момент количество воды в кофеварке является публичным LOCALSTORAGE, SESSIONSTORAGE LocalStorage, sessionStorage. Объекты веб-хранилища localStorage и sessionStorage позволяют хранить пары ключ/значение в браузере. Что в них важно – данные, которые в них записаны, сохраняются после обновления MAP И SET - JAVASCRIPTTRANSLATE THIS PAGE Map – это коллекция ключ/значение, как и Object. Но основное отличие в том, что Map позволяет использовать ключи любого типа. Методы и свойства: new Map () – создаёт коллекцию. map.set (key, value) – записывает ВЫВЕСТИ ПРОСТЫЕ ЧИСЛА Вывести простые числа. Натуральное число, большее 1, называется простым, если оно ни на что не делится, кроме себя и 1. Другими словами, n > 1 – простое, если при ПРОТОТИПНОЕ НАСЛЕДОВАНИЕ Если бы у нас были другие объекты, такие как bird, snake и т.д., унаследованные от animal, они также получили бы доступ к методам animal.Но this при вызове каждого метода будет соответствовать объекту (перед точкой), на котором СОВРЕМЕННЫЙ УЧЕБНИК JAVASCRIPTTRANSLATE THIS PAGEУЧЕБНИККУРСЫФОРУМES5ТЕСТЫ

ЗНАНИЙNODE.JS

Современный учебник JavaScript, начиная с основ, включающий в себя много тонкостей и фишек JavaScript/DOM.

ФУНКЦИИ

Вначале идёт ключевое слово function, после него имя функции, затем список параметров в круглых скобках через запятую (в вышеприведённом примере он пустой) и, наконец, код функции, также называемый «телом функции», внутри РЕКУРСИЯ И СТЕК if n ==1 = x / pow( x, n) = \ else = x * pow( x, n - 1) Если n == 1, тогда всё просто. Эта ветвь называется базой рекурсии, потому что сразу же приводит к очевидному результату: pow (x, 1) равно x. Мы можем представить pow (x, n LOCALSTORAGE, SESSIONSTORAGE LocalStorage, sessionStorage. Объекты веб-хранилища localStorage и sessionStorage позволяют хранить пары ключ/значение в браузере. Что в них важно – данные, которые в них записаны, сохраняются после обновления ЦИКЛЫ WHILE И FOR Первое значение: i = 1, так как операция ++i сначала увеличит i, а потом уже произойдёт сравнение и выполнение alert. Далее 2, 3, 4 Значения выводятся одно за другим. Для каждого значения сначала происходит увеличение, а потом MAP И SET - JAVASCRIPTTRANSLATE THIS PAGE Map – это коллекция ключ/значение, как и Object. Но основное отличие в том, что Map позволяет использовать ключи любого типа. Методы и свойства: new Map () – создаёт коллекцию. map.set (key, value) – записывает СОВРЕМЕННЫЙ УЧЕБНИК JAVASCRIPTTRANSLATE THIS PAGEУЧЕБНИККУРСЫФОРУМES5ТЕСТЫ

ЗНАНИЙNODE.JS

Современный учебник JavaScript, начиная с основ, включающий в себя много тонкостей и фишек JavaScript/DOM.

ФУНКЦИИ

Вначале идёт ключевое слово function, после него имя функции, затем список параметров в круглых скобках через запятую (в вышеприведённом примере он пустой) и, наконец, код функции, также называемый «телом функции», внутри РЕКУРСИЯ И СТЕК if n ==1 = x / pow( x, n) = \ else = x * pow( x, n - 1) Если n == 1, тогда всё просто. Эта ветвь называется базой рекурсии, потому что сразу же приводит к очевидному результату: pow (x, 1) равно x. Мы можем представить pow (x, n LOCALSTORAGE, SESSIONSTORAGE LocalStorage, sessionStorage. Объекты веб-хранилища localStorage и sessionStorage позволяют хранить пары ключ/значение в браузере. Что в них важно – данные, которые в них записаны, сохраняются после обновления ЦИКЛЫ WHILE И FOR Первое значение: i = 1, так как операция ++i сначала увеличит i, а потом уже произойдёт сравнение и выполнение alert. Далее 2, 3, 4 Значения выводятся одно за другим. Для каждого значения сначала происходит увеличение, а потом MAP И SET - JAVASCRIPTTRANSLATE THIS PAGE Map – это коллекция ключ/значение, как и Object. Но основное отличие в том, что Map позволяет использовать ключи любого типа. Методы и свойства: new Map () – создаёт коллекцию. map.set (key, value) – записывает

ПРОМИСЫ

Промисы Колбэки; Промисы позволяют делать вещи в естественном порядке. Сперва мы запускаем loadScript(script), и затем (.then) мы пишем, что делать с результатом.: У нас должна быть функцияcallback на момент вызова loadScript(script, callback). ПРЕОБРАЗОВАНИЕ ТИПОВ Учтите, что null и undefined ведут себя по-разному. Так, null становится нулём, тогда как undefined приводится к NaN. Большинство математических операторов также производит данное преобразование, как мы увидим в следующей главе.

ЗАМЫКАНИЕ

В некоторых языках это невозможно, или функция должна быть написана специальным образом, чтобы получилось замыкание. Но, как было описано выше, в ОПЕРАТОРЫ СРАВНЕНИЯ С точки зрения математики это странно. Результат последнего сравнения говорит о том, что "null больше или равно нулю", тогда результат одного из сравнений выше ЛОГИЧЕСКИЕ ОПЕРАТОРЫ Если вам кажется, что в статье что-то не так - вместо комментария напишите на GitHub.; Для одной строки кода используйте тег , для нескольких строк кода — тег , если больше 10 строк — ссылку на песочницу (plnkr, JSBin, codepen) ОТКРЫТИЕ ОКОН И МЕТОДЫ WINDOW Мы получили два разных результата из-за того, что Firefox «допускает» таймаут в 2000 мс или менее, но все, что свыше этого – не вызывает его доверия, т.к. предполагается, что в таком случае открытие окна происходит без ведома РАЗМЕРЫ И ПРОКРУТКА ОКНА Обычные элементы можно прокручивать, изменяя scrollTop/scrollLeft.. Мы можем сделать то же самое для страницы в целом, используя document.documentElement.scrollTop/Left (кроме основанных на старом WebKit (Safari), где, как сказано выше, document.body.scrollTop/Left). ПРОТОКОЛ JSONP Сервер обернёт ответ в функцию CallbackRegistry.func12345, она вызывает нужный обработчик и очищает память, удаляя себя.. Далее мы посмотрим более полный

код

ПЕРЕМЕННЫЕ: LET И CONST В остальном объявление const полностью аналогично let. Заметим, что если в константу присвоен объект, то от изменения защищена сама константа, но

КАРУСЕЛЬ

Карусель. Создайте «Карусель» –- ленту изображений, которую можно листать влево-вправо нажатием на стрелочки. В дальнейшем к ней можно

будет

СОВРЕМЕННЫЙ УЧЕБНИК JAVASCRIPTTRANSLATE THIS PAGEУЧЕБНИККУРСЫФОРУМES5ТЕСТЫ

ЗНАНИЙNODE.JS

Современный учебник JavaScript, начиная с основ, включающий в себя много тонкостей и фишек JavaScript/DOM.

ФУНКЦИИ

Вначале идёт ключевое слово function, после него имя функции, затем список параметров в круглых скобках через запятую (в вышеприведённом примере он пустой) и, наконец, код функции, также называемый «телом функции», внутри РЕКУРСИЯ И СТЕК if n ==1 = x / pow( x, n) = \ else = x * pow( x, n - 1) Если n == 1, тогда всё просто. Эта ветвь называется базой рекурсии, потому что сразу же приводит к очевидному результату: pow (x, 1) равно x. Мы можем представить pow (x, n LOCALSTORAGE, SESSIONSTORAGE LocalStorage, sessionStorage. Объекты веб-хранилища localStorage и sessionStorage позволяют хранить пары ключ/значение в браузере. Что в них важно – данные, которые в них записаны, сохраняются после обновления ЦИКЛЫ WHILE И FOR Первое значение: i = 1, так как операция ++i сначала увеличит i, а потом уже произойдёт сравнение и выполнение alert. Далее 2, 3, 4 Значения выводятся одно за другим. Для каждого значения сначала происходит увеличение, а потом КАРРИРОВАНИЕ Каррирование – это трансформация, которая превращает вызов f (a, b, c) в f (a) (b) (c). В JavaScript реализация обычно позволяет вызывать функцию обоими MAP И SET - JAVASCRIPTTRANSLATE THIS PAGE Map – это коллекция ключ/значение, как и Object. Но основное отличие в том, что Map позволяет использовать ключи любого типа. Методы и свойства: new Map () – создаёт коллекцию. map.set (key, value) – записывает

ПРОМИСЫ

Промисы Колбэки; Промисы позволяют делать вещи в естественном порядке. Сперва мы запускаем loadScript(script), и затем (.then) мы пишем, что делать с результатом.: У нас должна быть функцияcallback на момент вызова loadScript(script, callback). ОТКРЫТИЕ ОКОН И МЕТОДЫ WINDOW Попап также может обратиться к открывшему его окну по ссылке window.opener. Она равна null для всех окон, кроме попапов. Если вы запустите код ниже, то ВЫВЕДИТЕ ЧЁТНЫЕ ЧИСЛА Мы хотим сделать этот проект с открытым исходным кодом доступным для людей во всем мире. СОВРЕМЕННЫЙ УЧЕБНИК JAVASCRIPTTRANSLATE THIS PAGEУЧЕБНИККУРСЫФОРУМES5ТЕСТЫ

ЗНАНИЙNODE.JS

Современный учебник JavaScript, начиная с основ, включающий в себя много тонкостей и фишек JavaScript/DOM.

ФУНКЦИИ

Вначале идёт ключевое слово function, после него имя функции, затем список параметров в круглых скобках через запятую (в вышеприведённом примере он пустой) и, наконец, код функции, также называемый «телом функции», внутри РЕКУРСИЯ И СТЕК if n ==1 = x / pow( x, n) = \ else = x * pow( x, n - 1) Если n == 1, тогда всё просто. Эта ветвь называется базой рекурсии, потому что сразу же приводит к очевидному результату: pow (x, 1) равно x. Мы можем представить pow (x, n LOCALSTORAGE, SESSIONSTORAGE LocalStorage, sessionStorage. Объекты веб-хранилища localStorage и sessionStorage позволяют хранить пары ключ/значение в браузере. Что в них важно – данные, которые в них записаны, сохраняются после обновления ЦИКЛЫ WHILE И FOR Первое значение: i = 1, так как операция ++i сначала увеличит i, а потом уже произойдёт сравнение и выполнение alert. Далее 2, 3, 4 Значения выводятся одно за другим. Для каждого значения сначала происходит увеличение, а потом КАРРИРОВАНИЕ Каррирование – это трансформация, которая превращает вызов f (a, b, c) в f (a) (b) (c). В JavaScript реализация обычно позволяет вызывать функцию обоими MAP И SET - JAVASCRIPTTRANSLATE THIS PAGE Map – это коллекция ключ/значение, как и Object. Но основное отличие в том, что Map позволяет использовать ключи любого типа. Методы и свойства: new Map () – создаёт коллекцию. map.set (key, value) – записывает

ПРОМИСЫ

Промисы Колбэки; Промисы позволяют делать вещи в естественном порядке. Сперва мы запускаем loadScript(script), и затем (.then) мы пишем, что делать с результатом.: У нас должна быть функцияcallback на момент вызова loadScript(script, callback). ОТКРЫТИЕ ОКОН И МЕТОДЫ WINDOW Попап также может обратиться к открывшему его окну по ссылке window.opener. Она равна null для всех окон, кроме попапов. Если вы запустите код ниже, то ВЫВЕДИТЕ ЧЁТНЫЕ ЧИСЛА Мы хотим сделать этот проект с открытым исходным кодом доступным для людей во всем мире.

ПРОМИСЫ

Промисы Колбэки; Промисы позволяют делать вещи в естественном порядке. Сперва мы запускаем loadScript(script), и затем (.then) мы пишем, что делать с результатом.: У нас должна быть функцияcallback на момент вызова loadScript(script, callback). ПРЕОБРАЗОВАНИЕ ТИПОВ Учтите, что null и undefined ведут себя по-разному. Так, null становится нулём, тогда как undefined приводится к NaN. Большинство математических операторов также производит данное преобразование, как мы увидим в следующей главе.

ЗАМЫКАНИЕ

В некоторых языках это невозможно, или функция должна быть написана специальным образом, чтобы получилось замыкание. Но, как было описано выше, в ОПЕРАТОРЫ СРАВНЕНИЯ С точки зрения математики это странно. Результат последнего сравнения говорит о том, что "null больше или равно нулю", тогда результат одного из сравнений выше ЛОГИЧЕСКИЕ ОПЕРАТОРЫ Если вам кажется, что в статье что-то не так - вместо комментария напишите на GitHub.; Для одной строки кода используйте тег , для нескольких строк кода — тег , если больше 10 строк — ссылку на песочницу (plnkr, JSBin, codepen) ОТКРЫТИЕ ОКОН И МЕТОДЫ WINDOW Мы получили два разных результата из-за того, что Firefox «допускает» таймаут в 2000 мс или менее, но все, что свыше этого – не вызывает его доверия, т.к. предполагается, что в таком случае открытие окна происходит без ведома РАЗМЕРЫ И ПРОКРУТКА ОКНА Обычные элементы можно прокручивать, изменяя scrollTop/scrollLeft.. Мы можем сделать то же самое для страницы в целом, используя document.documentElement.scrollTop/Left (кроме основанных на старом WebKit (Safari), где, как сказано выше, document.body.scrollTop/Left). ПРОТОКОЛ JSONP Сервер обернёт ответ в функцию CallbackRegistry.func12345, она вызывает нужный обработчик и очищает память, удаляя себя.. Далее мы посмотрим более полный

код

ПЕРЕМЕННЫЕ: LET И CONST В остальном объявление const полностью аналогично let. Заметим, что если в константу присвоен объект, то от изменения защищена сама константа, но

КАРУСЕЛЬ

Карусель. Создайте «Карусель» –- ленту изображений, которую можно листать влево-вправо нажатием на стрелочки. В дальнейшем к ней можно

будет

Регистрация Вход в сайт

ФОРУМ

Учебник

КНИГИ

Node.JS скринкаст Стандарт языка СПРАВОЧНИК

Статьи

Тест знаний Аналоги функций PHP КУРСЫ JAVASCRIPT Поиск по форуму Отображать темы   Отображать

сообщения

Расширенный поиск К странице... Добро пожаловать на javascript.ru! Здесь живет профессиональный javascript. Цель этого сайта - предоставить как можно более грамотную и структурированную информацию для обучения языку javascript и смежным технологиям. Современный учебник JavaScript находится по адресу https://learn.javascript.ru. Это новый движок, на который уже перенесена большая часть материалов сайта. Если вы здесь впервые - рекомендую ознакомиться с кратким обзором сайта - он тут: http://javascript.ru/overview. Перевод ES5: http://es5.javascript.ru. Поиск по сайту Содержание УЧЕБНИК JAVASCRIPT

* Введение

* Основы javascript * DOM: работа с HTML-страницей

* События

* Объекты, ООП

* AJAX

* Особенности регулярных выражений в

Javascript

ОСНОВНЫЕ ЭЛЕМЕНТЫ ЯЗЫКА * Базовые типы: Строки, Числа, Boolean * Операторы, их особенности в JS

* Массивы

* Функции

* Замыкания * Регулярные выражения * Конструкции языка. Обработка ошибок. СУНДУЧОК С ИНСТРУМЕНТАМИ * Редактирование и отладка скриптов

* Cookie

* HTTP-Отладка * Просмотр живого HTML * Разное полезное ИНТЕРФЕЙСЫ

* Drag and drop

* Грамотное javascript-дерево за 7 шагов * Интеграция AJAX в интерфейс * Координаты элемента на странице * Правильные show/hide/toggle * Удобное дерево с AJAX-подгрузкой

ВСЕ ОБ AJAX

* Введение в Ajax * Ajax и Rich Client * Ajax и клиент-серверная архитектура. * Способы общения с сервером

* COMET

* Форматы данных для AJAX * Обмен данными для документов с разных доменов * Обмен данными между доменами. Часть

2.

ОПТИМИЗАЦИЯ * Google Closure Compiler в деталях * Yahoo: лучшие способы ускорения сайта * Анализ оптимизации страниц c Yslow * Интерфейсы. Прочь от MVC * Оптимизация Javascript-кода * Польза от documentFragment * Сжатие Javascript и CSS * Улучшаем сжимаемость Javascript-кода. * Умное Кеширование и Версионность в

Javascript/CSS

РАЗНОЕ

* Асинхронное программирование * Google Gears в деталях * Javascript <-> Flash мост * Букмарклеты и правила их написания * О подборке книг на сайте * Почему - плохо * Способы идентификации в интернете

* Уровни DOM

* Что почитать? * Шаблонизация с javascript * Юнит-тесты уровня браузера на связке

Selenium + PHP.

* Справочники: Javascript/HTML/CSS * Система сборки и зависимостей Google

Closure Library

* Хранение данных на клиенте. DOM Storage и его аналоги. * 10 лучших функций на JavaScript Дерево всех статей Последние комментарии * I was reading your article and wondered... 12 часов 56 минут назад * I really like your take on the issue. I... 12 часов 57 минут назад * I am very enjoyed for this blog. Its an... 13 часов 34 секунды назад * Thank you for such a well written... 13 часов 1 минута назад * Superbly written article, if only all... 13 часов 54 минуты назад * This is highly information, crisp and... 15 часов 25 минут назад * I am hoping the same best effort from... 15 часов 44 минуты назад * This is a great inspiring article.I am... 15 часов 54 минуты назад * Очень интересная статья 1 день 6 часов назад * Я использую этот пример у себя 1 день 18 часов назад Последние темы на форуме * Изображения слайдера slick-slider во всю высоту экрана * Мобильная версия сайта * Нужна помощь с vue компонентом * Как убрать отступ между этими

ссылками?

* +1 к числу каждый год * Зачем нужны классы, наследование и

прототипы?

* Заменить getElementById на getElementsByClassName

Forum

� ИЛЬЯ КАНТОР, 2007-2020 О ПРОЕКТЕ - ОБРАТНАЯ СВЯЗЬ

-

ВВЕРХ