( заголовок документ стили js_программа дополнения ) запчасти ( php_программа ) отмена повтор запуск код импорт-экспорт
адрес сервера:
пароль сервера:
ок
экспорт готового приложения
запутать нет
экспорт визуального исходного кода
.HTML
.PHP
HTML.json
SPRS.json
PHP.json
импорт визуального исходного кода
howler
2.1.3
33 КБ
localForage
1.7.3
33 КБ
raf
1
4 КБ
ВебКодер
визуальный редактор кода
© Рафаэль Галеев 2018-2022 Россия/Закамск
english русский
очистить редактор скачать редактор твой сервер
учебник видео
проекты
проект:
HTML
запчасти
PHP
для своих
для всех
header('Access-Control-Allow-Origin: *');\n
иконка
заголовок
автор
описание
теги
название
документ
стили
правила
программа
картинки
аудио
видео
+
копировать
вставить
удалить
загрузить
КодерНет
социальная сеть
добавить удалить
другой_сервер создать_проект удалить дублировать переименовать ссылка_приложения сохранить
создать: папку HTML PHP запчасти удалить копировать вставить переименовать ссылка_исходника открыть сохранить
создать удалить копировать вставить
тип простое комбинатор псевдо-класс анимация // + удалить копировать вставить найти
Ок
блок строка текст сылка окно холст картинка аудио видео ввод php //
+ удалить копировать вставить отключить включить найти
=
если да
иначе
удалить
выполнить
выйти
если равно
вариант
делай пока
пока делай
выйти
цикл числа
цикл массива
цикл объекта
блок
комментарий
или
'+'
+
-
/
%
*
**
(
)
новый
создать
имя
имя
значение
выполнить
'строка'
"строка"
число
ид
класс
да
нет
ничего
неопределено
объект
массив
подпрограмма
добавить удалить копировать вставить отключить включить найти
- . 1 2 3 4 5 6 7 8 9 0
Ок
идентификаторы классы адреса функции редактировать
копировать
вставить
импортировать
экспортировать
aA
' " « » { } [ ] ( ) ± - + * ÷ = , . : ; ? ! / | \ ˚ % & # @ _
Ок
основные SQLite
отмена
include_php включить php-файл include_php(имя_файла) Включает и выполняет указанный файл. include php file include_php(file_name) Includes and executes specified file.
exit завершить программу exit() Завершает исполнение php-программы. finish program exit() Completes execution of the php-program.
get_ip получить IP клиента = get_ip() Возвращает IP клиента. get client IP = get_ip() Returns client IP.
check_authentication_lack проверить отсутствие аутентификации = check_authentication_lack() Вроверяет отсутствие аутентификации. Возвращает TRUE если нет аутентификации. check for lack of authentication = check_authentication_lack() Verifies the lack of authentication. Returns TRUE if there is no authentication.
authenticate запросить аутентификацию authenticate() Запрашивает аутентификацию — клиент должен ввести логин и пароль. request authentication authenticate() Requests authentication - client must enter username and password.
get_login получить логин = get_login() Возвращает логин клиента. get login = get_login() Returns client login.
get_password получить пароль = get_password() Возвращает пароль клиента. get password = get_password() Returns the client password.
encrypt_login зашифровать логин = encrypt_login() Генерирует хеш-значение из логина. encrypt login = encrypt_login() Generate a hash value from login.
encrypt_password зашифровать пароль = encrypt_password() Генерирует хеш-значение из пароля. encrypt password = encrypt_password() Generate a hash value from password.
get_json_data получить JSON-данные от клиента = get_json_data() Декодирует JSON-данные полученные от клиента и возвращает массив. receive JSON data from client = get_json_data() Decodes JSON data received from client and returns array.
send_json_data отправить JSON-данные клиенту send_json_data(данные) Отправляет данные клиенту в виде JSON. send JSON data to client send_json_data(data) Sends data to client as JSON.
get_text_data получить текст от клиента = get_text_data() Получает текст от клиента. receive text from client = get_text_data() Receives text from client.
send_text_data отправить текст клиенту send_text_data(текст) Отправляет текст клиенту. send text to client send_text_data(text) Sends text to client.
file_get_contents получить текст из файла = file_get_contents(путь) Возвращает содержимое файла в виде строки. get text from file = file_get_contents(path) Returns contents of file as string.
file_put_contents сохранить текст в файл file_put_contents(путь, текст) Сохраняет ntrcn в файл. save text to file file_put_contents(path, text) Saves text to file.
write_file сохранить DataURL в файл write_file(путь, DataURL) Сохраняет строку DataURL в файл. write DataURL to file write_file(path, DataURL) Saves DataURL string to file.
array создать массив из значений = array($х, $y) = array('a', 'b') Создает и возвращает массив из значений. create array from values = array($х, $y) = array('a', 'b') Creates and returns array from values.
in_array проверить присутствие значения в массиве = in_array(значение, массив) Проверяет существование значения в массиве. Возвращает TRUE если значенеи существует. check for existence of value in array = in_array(value, array) Checks for existence of value in array. Returns TRUE if value exists.
file_exists проверить существование файла или папки = file_exists(путь) Проверяет существование файла или папки. Возвращает TRUE если файл или папка существует. check file or folder existence = file_exists(path) Checks for existence of file or folder. Returns TRUE if file or folder exists.
scandir сканировать папку = scandir(путь) Сканирует папку и возвращает массив имен файлов и папок. scan folder = scandir(path) Scans folder and returns array of file and folder names.
mkdir создать папку mkdir(путь) Создаёт папку. create folder mkdir(path) Creates a folder.
rmdir удалить пустую папку rmdir(путь) Удаляет пустую папку. delete empty folder rmdir(path) Deletes an empty folder.
rrmdir удалить непустую папку rrmdir(путь) Удаляет непустую папку. delete non-empty folder rrmdir(path) Deletes non-empty folder.
unlink удалить файл unlink(путь) Удаляет файл. delete file unlink(path) Deletes a file.
rename переименовать файл или папку rename(старое_имя, новое_имя) Переименовывает файл или папку. rename file or folder rename(old_name, new_name) Renames a file or folder.
copy копировать файл copy(оригинал, копия) Копирует файл. copy file copy(original, copy) Copy file.
copy_folder копировать папку copy_folder(оригинал, копия) Копирует папку. copy folder copy_folder(original, copy) Copy folder.
strlen получить длину строки = strlen(строка) Возвращает длину длину строки. get string length = strlen(string) Returns length of string.
count получить длину массива = count(массив) Возвращает длину массива. get length of array = count(array) Returns length of array.
disk_free_space получить размер свободного пространства = disk_free_space(путь) Возвращает размер доступного пространства в каталоге в байтах. get free space size = disk_free_space(path) Returns size of available directory space in bytes.
disk_total_space получить размер папки = disk_total_space(путь) Возвращает размер папки. get folder size = disk_total_space(path) Returns size of folder.
filesize получить размер файла = filesize(путь) Возвращает размер файла. get file size = filesize(path) Returns size of file.
filemtime получить дату изменения файла = filemtime(путь) Возвращает дату изменения файла в формате временной метки Unix. get file modification date = filemtime(path) Returns modified date of the file in Unix timestamp format.
filetype получить тип файла = filetype(путь) Возвращает тип файла. get file type = filetype(path) Returns file type.
get_folder_name_1 получить имя текущей директории = get_folder_name_1() Возвращает имя текущей директории в которой находится php-файл. get name of current directory = get_folder_name_1() Returns name of current directory where php-file is located.
get_folder_name_2 получить имя директории на уровень выше = get_folder_name_2(путь) Возвращает имя директории на уровень выше той в которой находится пхп-файл. get the directory name one level higher = get_folder_name_2(path) Returns name of directory one level above one in which php-file is located.
get_date_s получить дату с точностью до секунды = get_date_s() Возвращает дату с точностью до секунды. get date accurate to second = get_date_s() Returns date accurate to second.
get_date_ms получить дату с точностью до милисекунды = get_date_ms() Возвращает дату с точностью до милисекунды. get a date accurate to milliseconds = get_date_ms() Returns date accurate to milliseconds.
get_formatted_date_dmy получить дату день.месяц.год = get_formatted_date_dmy() Возвращает дату в виде — день.месяц.год get date day.month.year = get_formatted_date_dmy() Returns a date in the form - day.month.year
get_formatted_date_hms получить дату час:минута:секунда = get_formatted_date_hms() Возвращает дату в виде — час:минута:секунда get date hour:minute:second = get_formatted_date_hms() Returns a date in the form - hour:minute:second
mt_rand получить случайное число mt_rand(минимальное_число, максимальное_число) Возвращает случайное число. Аргументы необязательны. get random number mt_rand(minimum_number, maximum_number) Returns a random number. Arguments are optional.
uniqid получить случайный идентификатор get_unique_id() Возвращает уникальный идентификатор длиной в 13 символов. get random id get_unique_id() Returns a unique ID of 13 characters.
db_file_open открыть или создать файл базы данных db_file_open("имя_бд") Открывает или создаёт файл базы данных. Имя файла без расширения: '.db'. Прекращает функцию и возвращает сообщение об ошибке в формате JSON если база данных недоступна. open or create database file db_file_open("name_db") Opens or creates a database file. File name without extension: '.db'. Terminates function and returns error message in JSON format if database is not available.
create_table создать таблицу create_table(имя_таблицы, добавить_первичный_ключ, массив_имен_столбцов, массив_типов_столбцов) Создаёт таблицу. Логическое значение ДА для добавления первичного ключа. Первичный ключ: 'primary_key'. Имена только латинскими буквами. Типы столбцов: TEXT, INTEGER, REAL, BLOB, NULL. create table create_table(table_name, enable_primary_key, column_names_array, column_types_array) Creates a table. Boolean value TRUE to add a primary key. Primary key: 'primary_key'. Names in Latin letters only. Column types: TEXT, INTEGER, REAL, BLOB, NULL.
add_row_to_table добавить строку в таблицу add_row_to_table(имя_таблицы, массив_имен_столбцов, массив_значений_столбцов) Вставляет строку значений в таблицу. Значение должны соотвествовать именам. add row to table add_row_to_table(table_name, column_names_array, column_values_array) Inserts row of values into table. Values must match names.
select_all_in_table выбрать всё в таблице = select_all_in_table(имя_таблицы) Возвращает всё содержимое таблицы. select all in table = select_all_in_table(table_name) Returns entire contents of table.
create_condition__comparison создать условие - сравнение условие = create_condition__comparison(ОТРИЦАНИЕ, имя_колонки, оператор, значение) условие = create_condition__comparison(true, 'c1', '=', 5) Сравнивает поле колонки со значением. Оператор это: '=' равно, '<>' не равно, '<=' не больше, '>=' не меньше. Для инверсии условия — ДА в отрицании. Значение: строка, число, NULL. create condition - comparison condition = create_condition__comparison(NEGATION, column_name, operator, value) condition = create_condition__comparison(true, 'c1', '=', 5) Compares column field to value. Operator is: '=' equal, '<>' not equal, '<=' no more, '> =' no less. To invert condition, TRUE in negation. Value: string, number, NULL.
create_condition__double_comparison создать условие - двойное сравнение условие = create_condition__comparison(ОТРИЦАНИЕ, имя_колонки1, оператор1, значение1, 'И/ИЛИ', имя_колонки2, оператор2, значение2) условие = create_condition__comparison(true, 'c1', '=', 5, 'И', 'c2', '=', 3) Сравнивает поля колонок со значениями. Оператор это: '=' равно, '<>' не равно, '<=' не больше, '>=' не меньше. Для инверсии условия — ДА в отрицании. Значение: строка, число, NULL. Комбинатор это строка - 'и', 'или'. create condition - double comparison condition = create_condition__comparison(NEGATION, column_name1, operator1, value1, 'AND/OR', column_name2, operator2, value2) condition = create_condition__comparison(true, 'c1', '=', 5, 'AND', 'c2', '=', 3) Compares column fields with values. Operator is: '=' equal, '<>' not equal, '<=' no more, '> =' no less. To invert condition, TRUE in negation. Value: string, number, NULL. The combinator is a string - 'and', 'or'.
create_condition__arithmetic создать условие - арифметика = create_condition__arithmetic(ОТРИЦАНИЕ, имя_колонки1, ОПЕРАТОР_ДЕЙСТВИЯ, имя_колонки2, ОПЕРАТОР_СРАВНЕНИЯ, значение) Выполняет арифметическое действие над полями колонок и сравнивает результат со значением. ОПЕРАТОР ДЕЙСТВИЯ это: '+', '-', '*', '/', '%'. ОПЕРАТОР СРАВНЕНИЯ это: '=' равно, '<>' не равно, '<=' не больше, '>=' не меньше. Для инверсии условия — ДА в отрицании. Значение это число. create condition - arithmetic = create_condition__arithmetic(NEGATIVE, column_name1, ACTION_OPERATOR, column_name2, COMPARISON_OPERATOR, value) Performs arithmetic аction on column fields and compares result to value. ACTION_OPERATOR is: '+', '-', '*', '/', '%'. COMPARISON OPERATOR is: '=' equal, '<>' not equal, '<=' no more, '> =' no less. To invert condition, TRUE in negation. Value is number.
create_condition__range создать условие - диапазон = create_condition__range(ОТРИЦАНИЕ, имя_колонки, значение1, значение2) Проверяет нахождение значения поля колонки в диапазоне между значениями. Для инверсии условия — ДА в отрицании. Значение это число. create condition - range = create_condition__range(NEGATIVE, column_name, value1, value2) Checks if value of column field is in range between values. To invert condition, TRUE in negation. Value is number.
create_condition__list создать условие - список = create_condition__list(ОТРИЦАНИЕ, имя_столбца, массив_значений) Проверяет нахождение значения поля колонки в списке значений. Для инверсии условия — ДА в отрицании. create condition - list = create_condition__list(NEGATIVE, column_name, values_array) Checks if value of column field is in list of values. To invert condition, TRUE in negation.
create_condition__string создать условие - строка = create_condition__string(ОТРИЦАНИЕ, имя_столбца, строка) Проверяет нахождение в поле колонки строки. Для инверсии условия — ДА в отрицании. create condition - string = create_condition__string(NEGATIVE, column_name, string) Checks if row is in the column field. To invert condition, TRUE in negation.
change_fields_by_condition изменить поля по условию change_fields_by_condition(имя_таблицы, массив_имён_столбцов, массив_значений, условие) Изменяет значения полей по условию. change fields by condition change_fields_by_condition(table_name, column_names_array, values_array, condition) Modifies field values conditionally.
delete_row_by_condition удалить строку по условию delete_row_by_condition(имя_таблицы, условие) Удаляет строку таблицы по условию. delete row by condition delete_row_by_condition(table_name, condition) Deletes table row conditionally.
select_fields_by_condition выбрать поля по условию = select_fields_by_condition(имя_таблицы, без_повторений, массив_имен_столбцов, условие, упорядочить, колонка_порядка, ограничение, пропустить) Выбирает поля по условию и возвращает массив. Значение ДА - чтобы не было повторений. Значение ДА чтобы упорядочить по колонке порядка. Значение ЧИСЛО для граничения количества полей. Значение ЧИСЛО для пропуска первых нескольких полей. Последние четыре аргумента необязательные. select fields by condition = select_fields_by_condition(table_name, no_repeat, column_names_array, condition, order, order_column, limit, skip) Selects fields conditionally and returns array. TRUE value - so that there are no repetitions. TRUE value to sort by order column. NUMBER value for limiting number of fields. NUMBER value to skip first few fields. The last four arguments are optional.
get_number_of_table_rows получить число строк таблицы = get_number_of_table_rows(имя_таблицы, условие) Возвращает количество срок в таблице. Условие необязательно. get number of table rows = get_number_of_table_rows(table_name, condition) Returns number of terms in table. Condition is optional.
get_maximum_value_in_column получить максимальное значение в колонке = get_maximum_value_in_column(имя_таблицы, имя_столбца, условие) Возвращает максимальное значение в колонке. Условие необязательно. get maximum value in column = get_maximum_value_in_column(table_name, column_name, condition) Returns maximum value in column. Condition is optional.
get_average_value_in_column получить среднее значение в колонке = get_average_value_in_column(имя_таблицы, имя_столбца, условие) Возвращает среднее значение в колонке. Условие необязательно. get average value in column = get_average_value_in_column(table_name, column_name, condition) Returns average value in column. Condition is optional.
get_minimum_value_in_column получить минимальное значение в колонке = get_minimum_value_in_column(имя_таблицы, имя_столбца, условие) Возвращает минимальное значение в колонке. Условие необязательно. get minimum value in column = get_minimum_value_in_column(table_name, column_name, condition) Returns minimum value in column. Condition is optional.
get_sum_of_values_in_column получить сумму значений в колонке = get_sum_of_values_in_column(имя_таблицы, имя_столбца, условие) Возвращает сумму значений в колонке. Условие необязательно. get sum of values in column = get_sum_of_values_in_column(table_name, column_name, condition) Returns sum of values in column. Condition is optional.
основные окно документ ввод массив строка число холст оформление сервер
отмена
disabled выключен свойство стиль.disabled = true / false Свойство стиля, которое выключает или включает этот стиль. disabled property style.disabled = true / false A style property that disables or enables this style.
style оформление свойство элемент.style Свойство элемента, в котором свойства являются атрибутами оформления. decor property element.style A property of element in which properties are decorations attributes.
display отображение свойство элемент.style.display = 'flex / none' Атрибут оформления — включает или выключает отображение элемента. display property element.style.display = 'flex / none' Attribute of decoration — enables or disables display of element.
overflow переполнение свойство элемент.style.overflow = 'hidden / auto' Атрибут оформления — скрывает или прокручивает содержимое элемента. overflow property element.style.overflow = 'hidden / auto' Attribute of decoration — hides or scrolls the contents of an element.
boxShadow тень блока свойство элемент.style.boxShadow = 'inset 1px 1px 4px black' Атрибут оформления — тень элемента. box shadow property element.style.boxShadow = 'inset 1px 1px 4px black' Attribute of decoration — element shadow.
position расположение свойство элемент.style.position = 'fixed / absolute' Атрибут оформления — позиционирование элемента относительно окна браузера или родительского элемента. position property element.style.position = 'fixed / absolute' Attribute of decoration — positioning an element relative to browser window or parent element.
left слева свойство элемент.style.left = '10px' Атрибут оформления — отступ в пикселях слева от окна браузера или родительского элемента. left property element.style.left = '10px' Attribute of decoration — left offset in pixels from browser window or parent element.
right справа свойство элемент.style.right = '10px' Атрибут оформления — отступ в пикселях справа от окна браузера или родительского элемента. right property element.style.right = '10px' Attribute of decoration — right offset in pixels from browser window or parent element.
top сверху свойство элемент.style.top = '10px' Атрибут оформления — отступ в пикселях сверху от окна браузера или родительского элемента. top property element.style.top = '10px' Attribute of decoration — top offset in pixels from browser window or parent element.
bottom снизу свойство элемент.style.bottom = '10px' Атрибут оформления — отступ в пикселях сверху от окна браузера или родительского элемента. bottom property element.style.bottom = '10px' Attribute of decoration — top offset in pixels from browser window or parent element.
zIndex слой свойство элемент.style.zIndex = '5' Атрибут оформления — слой на котором расположен элемент. layer property element.style.zIndex = '5' Attribute of decoration — layer on which element is located.
pointerEvents неактивный свойство элемент.style.pointerEvents = 'auto / none' Атрибут оформления — включает или отключает реагирование элемента на нажатие или прикосновение. inactive property element.style.pointerEvents = 'auto / none' Attribute of decoration — enables or disables element's response to pressing or touching.
width ширина элемента свойство элемент.style.width = '100px / 100%' Атрибут оформления — ширина элемента. width of element property element.style.width = '100px / 100%' Attribute of decoration — width of element.
minWidth минимальная ширина свойство элемент.style.minWidth = '100px / 100%' Атрибут оформления — минимальная ширина элемента. minimal width property element.style.minWidth = '100px / 100%' Attribute of decoration — minimal width of element.
maxWidth максимальная ширина свойство элемент.style.maxWidth = '100px / 100%' Атрибут оформления — максимальная ширина элемента. maximal width property element.style.maxWidth = '100px / 100%' Attribute of decoration — maximal width of element.
height высота элемента свойство элемент.style.height = '100px / 100%' Атрибут оформления — высота элемента. height of element property element.style.height = '100px / 100%' Attribute of decoration — height of element.
minHeight минимальная высота свойство элемент.style.minHeight = '100px / 100%' Атрибут оформления — минимальная высота элемента. minimal height property element.style.minHeight = '100px / 100%' Attribute of decoration — minimal height of element.
maxHeight максимальная высота свойство элемент.style.maxHeight = '100px / 100%' Атрибут оформления — максимальная высота элемента. maximal height property element.style.maxHeight = '100px / 100%' Attribute of decoration — maximal height of element.
flexDirection направление потока свойство элемент.style.flexDirection = 'row / row-reverse / column / column-reverse' Атрибут оформления — направление потока. flow direction property element.style.flexDirection = 'row / row-reverse / column / column-reverse' Attribute of decoration — flow direction.
justifyСontent выравнивание вдоль свойство элемент.style.justifyСontent = 'flex-start / flex-end / center / space-between / space-evenly' Атрибут оформления — выравнивание вдоль. alignment along property element.style.justifyСontent = 'flex-start / flex-end / center / space-between / space-evenly' Attribute of decoration — alignment along.
alignItems выравнивание поперёк свойство элемент.style.alignItems = 'flex-start / flex-end / center / baseline / stretch' Атрибут оформления — выравнивание поперёк. alignment across property element.style.alignItems = 'flex-start / flex-end / center / baseline / stretch' Attribute of decoration — alignment across.
flexWrap многострочность свойство элемент.style.flexWrap = 'nowrap / wrap / wrap-reverse' Атрибут оформления — многострочность. multi-line property element.style.flexWrap = 'nowrap / wrap / wrap-reverse' Attribute of decoration — multi-line.
alignContent выравнивание строк свойство элемент.style.alignContent = 'flex-start / flex-end / center / space-between / space-evenly / stretch' Атрибут оформления — выравнивание строк. line alignment property element.style.alignContent = 'flex-start / flex-end / center / space-between / space-evenly / stretch' Attribute of decoration — line alignment.
flexGrow расширение свойство элемент.style.flexGrow = '2' Атрибут оформления — расширяемость элемента. grow property element.style.flexGrow = '2' Attribute of decoration — grow of element.
flexShrink сжатие свойство элемент.style.flexShrink = '2' Атрибут оформления — сжимаемость элемента. shrink property element.style.flexShrink = '2' Attribute of decoration — shrink of element.
alignSelf смещение свойство элемент.style.alignSelf = 'auto / flex-start / flex-end / center / baseline / stretch' Атрибут оформления — смещение элемента, заменяет выравнивание поперёк. shift property element.style.alignSelf = 'auto / flex-start / flex-end / center / baseline / stretch' Attribute of decoration — shrink of element, replaces alignment across.
padding внутренние отступы свойство элемент.style.padding = '10px / 10%' Атрибут оформления — внутренние отступы. inner indents property element.style.padding = '10px / 10%' Attribute of decoration — inner indents.
paddingLeft внутренний отступ слева свойство элемент.style.paddingLeft = '10px / 10%' Атрибут оформления — внутренний отступ слева. left inner indent property element.style.paddingLeft = '10px / 10%' Attribute of decoration — left inner indent.
paddingRight внутренний отступ справа свойство элемент.style.paddingRight = '10px / 10%' Атрибут оформления — внутренний отступ справа. right inner indent property element.style.paddingRight = '10px / 10%' Attribute of decoration — right inner indent.
paddingTop внутренний отступ сверху свойство элемент.style.paddingTop = '10px / 10%' Атрибут оформления — внутренний отступ сверху. top inner indent property element.style.paddingTop = '10px / 10%' Attribute of decoration — top inner indent.
paddingBottom внутренний отступ снизу свойство элемент.style.paddingBottom = '10px / 10%' Атрибут оформления — внутренний отступ снизу. bottom inner indent property element.style.paddingBottom = '10px / 10%' Attribute of decoration — bottom inner indent.
margin внешние отступы свойство элемент.style.margin = '10px / 10%' Атрибут оформления — внешние отступы. outer indents property element.style.margin = '10px / 10%' Attribute of decoration — outer indents.
marginLeft внешний отступ слева свойство элемент.style.marginLeft = '10px / 10%' Атрибут оформления — внешний отступ слева. left outer indent property element.style.marginLeft = '10px / 10%' Attribute of decoration — left outer indent.
marginRight внешний отступ справа свойство элемент.style.marginRight = '10px / 10%' Атрибут оформления — внешний отступ справа. right outer indent property element.style.marginRight = '10px / 10%' Attribute of decoration — right outer indent.
marginTop внешний отступ сверху свойство элемент.style.marginTop = '10px / 10%' Атрибут оформления — внешний отступ сверху. top outer indent property element.style.marginTop = '10px / 10%' Attribute of decoration — top outer indent.
marginBottom внешний отступ снизу свойство элемент.style.marginBottom = '10px / 10%' Атрибут оформления — внешний отступ снизу. bottom outer indent property element.style.marginBottom = '10px / 10%' Attribute of decoration — bottom outer indent.
transform трансформация свойство элемент.style.transform = 'scaleY(-1)' элемент.style.transform = 'scaleY(-1) skewX(5deg) translateX(40px) rotateX(-15deg)' Атрибут оформления — трансформация и множественная трансформация. transform property element.style.transform = 'scaleY(-1)' element.style.transform = 'scaleY(-1) skewX(5deg) translateX(40px) rotateX(-15deg)' Attribute of decoration — transformation and multiple transformation.
transformOrigin центр трансформации свойство элемент.style.transformOrigin = 'center center' Атрибут оформления — точка, относительно которой будет происходить трансформация. transform origin property element.style.transformOrigin = 'center center' Attribute of decoration — the point at which the transformation will occur.
perspective глубина перспективы свойство элемент.style.perspective = '500px' Атрибут оформления — глубина перспективы. depth of perspective property element.style.perspective = '500px' Attribute of decoration — depth of perspective.
backgroundColor цвет фона свойство элемент.style.backgroundColor = 'gray' Атрибут оформления — цвет фона. background color property element.style.backgroundColor = 'gray' Attribute of decoration — background color.
backgroundImage фоновое изображение свойство элемент.style.backgroundImage = 'url()' элемент.style.backgroundImage = 'linear-gradient(to top, gray 0%, white 100%)' Атрибут оформления — фоновое изображение. background image property element.style.backgroundImage = 'url()' element.style.backgroundImage = 'linear-gradient(to top, gray 0%, white 100%)' Attribute of decoration — background image.
backgroundSize размер фонового изображения свойство элемент.style.backgroundSize = 'cover' элемент.style.backgroundSize = 'contain' Атрибут оформления — размер фонового изображения. size of background image property element.style.backgroundSize = 'cover' element.style.backgroundSize = 'contain' Attribute of decoration — size of background image.
backgroundPosition расположение фонового изображения свойство элемент.style.backgroundPosition = 'center center' Атрибут оформления — расположение фонового изображения. position of background image property element.style.backgroundPosition = 'center center' Attribute of decoration — position of background image.
backgroundRepeat повторение фонового изображения свойство элемент.style.backgroundRepeat = 'no-repeat / repeat / repeat-x / repeat-y / space / no-repeat / round' Атрибут оформления — повторение фонового изображения. repeat of background image property element.style.backgroundRepeat = 'no-repeat / repeat / repeat-x / repeat-y / space / no-repeat / round' Attribute of decoration — repeat of background image.
backgroundClip обрезка фонового изображения свойство элемент.style.backgroundClip = 'border-box / content-box / padding-box / border-box' Атрибут оформления — обрезка фонового изображения. clipping background image property element.style.backgroundClip = 'border-box / content-box / padding-box / border-box' Attribute of decoration — clipping background image.
filter эффекты свойство элемент.style.filter = 'grayscale(100%) / sepia(100%) / brightness(100%) / contrast(100%) / drop-shadow(2px 3px 5px black) / blur(2px) / hue-rotate(360deg)' Атрибут оформления — эффекты. effects property element.style.filter = 'grayscale(100%) / sepia(100%) / brightness(100%) / contrast(100%) / drop-shadow(2px 3px 5px black) / blur(2px) / hue-rotate(360deg)' Attribute of decoration — effects.
opacity прозрачность свойство элемент.style.opacity = '0.0 - 1.0' Атрибут оформления — эффекты. opacity property element.style.opacity = '0.0 - 1.0' Attribute of decoration — effects.
borderRadius радиус границы свойство элемент.style.borderRadius = '10px' элемент.style.borderRadius = '10px 0px 0px 10px' Атрибут оформления — радиус границы. border radius property element.style.borderRadius = '10px' element.style.borderRadius = '10px 0px 0px 10px' Attribute of decoration — border radius.
border граница свойство элемент.style.border = '1px solid red' Атрибут оформления — граница. border property element.style.border = '1px solid red' Attribute of decoration — border.
borderLeft граница слева свойство элемент.style.borderLeft = '1px solid red' Атрибут оформления — граница слева. left border property element.style.borderLeft = '1px solid red' Attribute of decoration — left border.
borderRight граница справа свойство элемент.style.borderRight = '1px solid red' Атрибут оформления — граница справа. right border property element.style.borderRight = '1px solid red' Attribute of decoration — right border.
borderTop граница сверху свойство элемент.style.borderTop = '1px solid red' Атрибут оформления — граница сверху. top border property element.style.borderTop = '1px solid red' Attribute of decoration — top border.
borderBottom граница снизу свойство элемент.style.borderBottom = '1px solid red' Атрибут оформления — граница снизу. bottom border property element.style.borderBottom = '1px solid red' Attribute of decoration — bottom border.
borderImage изображение на границе свойство элемент.style.borderImage = 'url() 10 round' Атрибут оформления — изображение на границе. image on border property element.style.borderImage = 'url() 10 round' Attribute of decoration — image on border.
direction направление текста свойство элемент.style.direction = 'ltr / rtl' Атрибут оформления — направление текста. text direction property element.style.direction = 'ltr / rtl' Attribute of decoration — text direction.
textAlign выравнивание текста свойство элемент.style.textAlign = 'left / right / center / justify' Атрибут оформления — выравнивание текста. text align property element.style.textAlign = 'left / right / center / justify' Attribute of decoration — text align.
fontFamily имя или тип шрифта свойство элемент.style.fontFamily = 'serif' элемент.style.fontFamily = 'dejavu_sans' Атрибут оформления — имя или типа шрифта. font name or type property element.style.fontFamily = 'serif' element.style.fontFamily = 'dejavu_sans' Attribute of decoration — font name or type.
fontStyle стиль шрифта свойство элемент.style.fontStyle = 'italic' Атрибут оформления — стиль шрифта. font style property element.style.fontStyle = 'italic' Attribute of decoration — font style.
fontWeight насыщенность шрифта свойство элемент.style.fontWeight = 'bold' Атрибут оформления — насыщенность шрифта. font weight property element.style.fontWeight = 'bold' Attribute of decoration — font weight.
fontSize размер шрифта свойство элемент.style.fontSize = '10px' Атрибут оформления — размер шрифта. font size property element.style.fontSize = '10px' Attribute of decoration — font size.
lineHeight высота строки свойство элемент.style.lineHeight = '10px' Атрибут оформления — высота строки. line height property element.style.lineHeight = '10px' Attribute of decoration — line height.
color цвет шрифта свойство элемент.style.color = 'red' Атрибут оформления — цвет шрифта. text color property element.style.color = 'red' Attribute of decoration — text color.
textTransform трансформация шрифта свойство элемент.style.textTransform = 'uppercase / lowercase / capitalize' Атрибут оформления — трансформация шрифта. text transform property element.style.textTransform = 'uppercase / lowercase / capitalize' Attribute of decoration — text transform.
textDecoration оформление шрифта свойство элемент.style.textDecoration = 'uppercase / lowercase / capitalize' Атрибут оформления — цвет шрифта. text decoration property element.style.textDecoration = 'uppercase / lowercase / capitalize' Attribute of decoration — text decoration.
whiteSpace неперенос текста свойство элемент.style.textDecoration = 'nowrap / normal' Атрибут оформления — неперенос текста. text nowrap property element.style.textDecoration = 'nowrap / normal' Attribute of decoration — text nowrap.
alert ? показать обьявление функция alert(сообщение) Отображает диалоговое окно с сообщением и кнопкой OK. ? show notification function alert(message) Displays dialog window with message and OK button.
prompt ? получить строку функция = prompt(сообщение, строка_по_умолчанию) Отображает диалоговое окно с необязательным сообщением, в котором пользователю предлагается ввести текст. строка_поумолчанию это строка, содержащая значение по умолчанию, отображаемое в поле ввода текста. Это необязательный параметр. ? get a string function = prompt(message, default_string) Displays dialog window with optional message prompting user to input some text. default_string is string containing default value displayed in text input field. It is optional parameter.
confirm ? получить подтверждение функция = confirm(сообщение) Отображает диалоговое окно с необязательным сообщением и двумя кнопками, «ОК» и «Отмена». ? get confirmation function = confirm(message) Displays modal dialog window with optional message and two buttons, OK and Cancel.
localStorage простое хранилище обьект = localStorage.ключ = Объект для временного хранения строк ограниченного размера. simple storage object = localStorage.key = Object for temporary storage of strings of limited size.
localStorage.clear очистить простое хранилище функция localStorage_clear() Очищает простое хранилище. clear simple storage function localStorage_clear() Clears simple storage.
JSON.stringify получить JSON из значения функция = JSON_stringify(значение) Преобразует JavaScript-значение в JSON-строку и возвращает его. get JSON from value function = JSON_stringify(value) Converts JavaScript value to JSON string and returns it.
JSON.parse получить значение из JSON функция = JSON_parse(json_строка) Преобразует JSON-строку в JavaScript-значение и возвращает его. get value from JSON function = JSON_parse(json_string) Converts JSON string to JavaScript value and returns it.
this этот обьект = this.id = В функции ссылка на объект, который вызывает эту функцию как метод this object = this.id = In function reference to object that calls this function as method
addEventListener добавить обработчик события функция элемент.addEventListener('событие', функция_обработчик) Добавляет обработчик события обьекту. add event listener function element.addEventListener('event', handler_function) Adds event listener to object.
removeEventListener удалить обработчик события функция элемент.removeEventListener('событие', функция_обработчик) Удаляет обработчик события обьекта. remove event listener function element.removeEventListener('event', handler_function) Removes event listener to object.
typeof проверить тип функция = typeof(значение) Возвращает строку означающую тип значение check type function = typeof(value) Returns string indicating type of value
new Date создать обьект даты функция let обьект_даты = new_Date() Возвращает ссылку на экземпляр обьекта даты create date object function let date_object = new_Date() Returns reference to instance of date object
toLocaleString получить строку даты и времени функция = обьект_даты.toLocaleString() Возвращает строку даты и времени: 9.5.1945, 13:36:44 get string of date and time function = date_object.toLocaleString() Returns string of date and time: 9.5.1945, 13:36:44
toLocaleDateString получить строку даты функция = обьект_даты.toLocaleDateString() Возвращает строку даты: 9.5.1945 get string of date function = date_object.toLocaleDateString() Returns string of date: 9.5.1945
toLocaleTimeString получить строку времени функция = обьект_даты.toLocaleTimeString() Возвращает строку времени: 13:36:44 get string of time function = date_object.toLocaleTimeString() Returns string of time: 13:36:44
performance.now получить производительность функция = performance_now() Возращает число с плавающей запятой, в микросекундах. get performance function = performance_now() Returns double-precision floating-point value, microseconds.
Date.now получить время в миллисекундах функция = Date_now() Возвращает количество миллисекунд, прошедших с 1 января 1970 года 00:00:00 по UTC. get time in milliseconds function = Date_now() Returns number of milliseconds elapsed since 1 January 1970 00:00:00 UTC.
setInterval установить интервал функция = setInterval(функция, миллисекунды) Многократно вызывает функцию с фиксированной временной задержкой между каждым вызовом. возвращает ссылку на идентификатор интервала, которая однозначно идентифицирует интервал, вы можете удалить его позже, вызвав clearInterval() set interval function = setInterval(function, milliseconds) Repeatedly calls function, with fixed time delay between each call. returns reference to interval ID, which uniquely identifies the interval, you can remove it later by calling clearInterval()
clearInterval отменить интервал функция clearInterval(идентификатор) Отменяет повторяющееся действие, которое ранее было установлено вызовом setInterval() cancel interval function clearInterval(identifier) Cancels repeating action which was previously established by call to setInterval()
setTimeout установить задержку функция = setTimeout(функция, миллисекунды) Устанавливает таймер, который выполняет функцию один раз после истечения таймера. Возвращает ссылку на идентификатор таймера, который однозначно идентифицирует таймер, вы можете удалить его позже, вызвав clearTimeout () set timeout function = setTimeout(function, milliseconds) Sets timer which executes function once after timer expires. Returns reference to timer ID, which uniquely identifies the timer, you can remove it later by calling clearTimeout()
clearTimeout отменить задержку функция clearTimeout(идентификатор) Отменяет задержку, ранее установленную вызовом setTimeout() cancel timeout function clearTimeout(identifier) Cancels timeout previously established by calling setTimeout()
requestAnimationFrame запросить кадр анимации функция = requestAnimationFrame(функция) Указывает браузеру на то, что вы хотите произвести анимацию, и просит его запланировать перерисовку на следующем кадре анимации. В качестве параметра метод получает функцию, которая будет вызвана перед перерисовкой. Возвращает идентификатор запроса. Вы можете передать его в cancelAnimationFrame() для отмены вызова. request animation frame function = requestAnimationFrame(function) Tells browser that you wish to perform animation and requests that browser call specified function to update animation before next repaint. The method takes callback as argument to be invoked before repaint. Returns request ID. You can pass this value to cancelAnimationFrame() to cancel refresh callback request.
cancelAnimationFrame отменить запрос кадра анимации функция cancelAnimationFrame(идентификатор) Отменяет запрос кадра анимации, ранее запланированный через вызов requestAnimationFrame(). cancel request animation frame function cancelAnimationFrame(identifier) Cancels animation frame request previously scheduled through call to requestAnimationFrame().
Object.create создать объект из функция = Object_create(обьект_прототип) Создает новый объект из указанного объекта-прототипа. create object from function = Object_create(prototype_object) Creates new object from specified prototype object.
__proto__ прототип объекта свойство = обьект1.прототип_обьектa = обьект2 Установливает прототипа объекта. object prototype property = object1.object_prototype = object2 Sets the object's prototype.
Object.keys получить массив имен свойств обьекта функция = Object_keys(обьект) Возвращает массив, элементами которого являются строки, соответствующие собственным перечислимым свойствам, найденным в объекте. get array of object property names function = Object_keys(object) Returns array whose elements are strings corresponding to own enumerable properties found in object.
new XMLHttpRequest создать запрос серверу функция let запрос = new_XMLHttpRequest() Создает обьект запроса серверу. create request to server function let request = new_XMLHttpRequest() Creates object of request to server.
open открыть запрос серверу функция запрос.open('POST', 'серверный_скрипт.php') Открывает запрос серверу. open request to server function request.open('POST', 'server_script.php') Opens request to server.
setRequestHeader установить заголовок запроса серверу функция запрос.setRequestHeader('Content-Type', 'text/plain; charset=UTF-8') Устанавливает заголовок запроса серверу. set header of request to server function request.setRequestHeader('Content-Type', 'text/plain; charset=UTF-8') Sets header of request to server.
withCredentials с учетными данными свойство запрос.withCredentials = true Свойство запроса при котором на сервер передаются куки и авторизация. with credentials property request.withCredentials = true Request property at which cookies and authorization are transferred to server.
send отправить запрос серверу функция запрос.send(строка) Отправляет запрос серверу. send request to server function request.send(string) Sends request to server.
onreadystatechange ! состояние объекта запроса изменилось свойство запрос.onreadystatechange = функция_обработчик Cодержит обработчик события, вызываемый когда происходит событие readystatechange, всякий раз когда свойство readyState запроса XMLHttpRequest изменяется. let функция_обработчик = function(){if(запрос.readyState === 4){ответ = запрос.responseText}} ! state of request object has changed property request.onreadystatechange = handler_function Contains event handler to be called when readystatechange event is fired, that is every time readyState property of XMLHttpRequest changes. let handler_function = function(){if(request.readyState === 4){ответ = request.responseText}}
readyState состояние объекта запроса свойство = запрос.readyState Возвращает состояние объекта XMLHttpRequest. Значение 4 означает «операция завершена». state of request object property = request.readyState Returns state of XMLHttpRequest object. Value 4 means "operation is complete".
status статус объекта запроса свойство = запрос.status Возвращает статус объекта XMLHttpRequest. Значение 200 означает «успешный ответ». status of request object property = request.status Returns status of XMLHttpRequest object. Value 200 means "successful response".
responseText строка ответа свойство = запрос.responseText Возвращает строку ответа. response string property = request.responseText Returns response string.
new WebSocket создать WebSocket функция let веб_сокет = new_WebSocket("ws://адрес.ru") Создает объект WebSocket сreate WebSocket function let web_socket = new_WebSocket("ws://address.com") Creates WebSocket object
send отправить сообщение функция веб_сокет.send(строка_сообщения) Отправляет сообщение на сервер. send message function web_socket.send(message_string) Sends message to server.
onopen ! соединение открыто свойство веб_сокет.onopen = функция_обработчик Содержит обработчик события "открытия соединения". ! connection is open property web_socket.onopen = handler_function Contains event handler for "connection open".
onclose ! соединение закрыто свойство веб_сокет.onclose = функция_обработчик Содержит обработчик события "закрытия соединения". ! connection is close property web_socket.onclose = handler_function Contains event handler for "connection close event".
wasClean чисто свойство if(обьект_события.wasClean) Cвойство объекта события "закрытия соединения" — Да или Нет. was clean property if(event_object.wasClean) Event object property of "closing connection" – True or False.
code код свойство = обьект_события.code Cвойство объекта события "закрытия соединения". code property = event_object.code Event object property of "closing connection".
reason причина свойство = обьект_события.reason Cвойство объекта события "закрытия соединени"я. reason property = event_object.reason Event object property of "closing connection".
onmessage ! сообщение принято свойство веб_сокет.onmessage = функция_обработчик Содержит обработчик события "сообщение принято". ! message received property web_socket.onmessage = handler_function Contains event handler for "onmessage".
data данные свойство = обьект_события.data Cвойство объекта события let функция_обработчик = function(event){alert(event.data)} данные property = event_object.data Event object property of onmessage let handler_function = function(event){alert(event.data)}
onerror ! ошибка сервера свойство веб_сокет.onerror = функция_обработчик Содержит обработчик события "ошибка". ! server error property web_socket.onerror = handler_function Contains event handler for "error".
message сообщение свойство = event_object.message Содержит сообщение обьекта события let handler_function = function(event){alert(error.message)} message property = event_object.message Contains message of event object. let handler_function = function(event){alert(error.message)}
window окно обьект window Объект Окно представляет собой окно, содержащее DOM документ. window object window Window object represents window containing DOM document.
open открыть окно метод объект_нового_окна = window.open(URL) Создает новое окно браузера и возвращает ссылку на это окно. open window method new_window_object = window.open(URL) Creates a new browser window and returns link to this window.
opener открыватель свойство window.opener Ссылка на окно открывшее это окно. opener property window.opener Link to window that opened this window.
close закрыть окно метод объект_нового_окна.close() window.close() Закрывает окно браузера. close window method new_window_objectclose() window.close() Closes browser window.
location адрес окна свойство window.location = window.location = Принимает или возвращает адрес открытого документа. window address property window.location = window.location = Takes or returns address of opened document.
location.hostname имя хоста свойство = window.location_hostname Возвращает имя хоста открытого документа. host name property = window.location_href Returns host name of opened document.
location.pathname путь свойство = window.location_pathname Возвращает строку пути относительно имени хоста. path property = window.location_pathname Returns path string relative to host name.
location.reload перезагрузить окно метод window.location_reload() Перезагружает окно. reload window method window.location_reload() Reloads the window.
onload ! загружено свойство window.onload = функция_обработчик Содержит обработчик события "Окно загружено". ! загружено property window.onload = handler_function Contains event handler for "Window is loaded".
onresize ! размер свойство window.onresize = функция_обработчик Содержит обработчик события "изменение размера Окна". ! resize property window.onresize = handler_function Contains event handler for "resize Window".
onerror ! ошибка окна свойство window.onerror = функция_обработчик функция_обработчик = function(сообщение, адрес, номер_сироки){} Содержит обработчик события "ошибка Окна". ! window error property window.onerror = handler_function handler_function = function((message, source, line_number){} Contains event handler for "window error".
contentWindow содержимое окно свойство = iframe_элемент.contentWindow Возвращает объект Окно элемента iframe. content window property =iframe_element.contentWindow Returns Window object of iframe element.
contentDocument содержимый документ свойство = iframe_элемент.contentDocument Возвращает объект Документ элемента iframe. content document property =iframe_element.contentDocument Returns Document object of iframe element.
frameElement элемент окна свойство = окно.frameElement Возвращает элемент iframe, внутри которого находится объект Окно элемент окна property = window.frameElement Returns the iframe element inside which the Window object
frames список окон свойство = окно.frames Возвращает объект подобный массиву, перечисляя элементы iframe текущего окна. list of iframes property = окно.frames Returns array-like object, listing iframe elements of the current window.
parent родительское окна свойство = window.parent Возвращает ссылку на родительский обьект Окно. parent window property = window.parent Returns reference to parent window object.
top корневое окно свойство window.top Возвращает ссылку на корневое окно в иерархии окон. корневое окно property window.top Returns reference to topmost window in window hierarchy.
length число окон свойство = window.length Возвращает количество фреймов в окне. число окон property = window.length Returns number of iframes in window.
innerWidth ширина окна свойство = window.innerWidth Возвращает ширину (в пикселях) окна просмотра браузера, включая вертикальную полосу прокрутки, если она отображается. window width property = window.innerWidth Returns width (in pixels) of the browser window viewport including, if rendered, the vertical scrollbar.
innerHeight высота окна свойство = window.innerHeight Возвращает высоту (в пикселях) окна просмотра браузера, включая горизонтальную полосу прокрутки, если она отображается. высота окна property = window.innerHeight Returns height (in pixels) of the browser window viewport including, if rendered, the horizontal scrollbar.
pageYOffset прокрутка окна сверху свойство = window.pageYOffset Возвращает число пикселей прокрутки вдоль вертикальной оси. vertical scroll of window property = window.pageYOffset Returns number of pixels of scroll along the vertical axis.
pageXOffset прокрутка окна слева свойство = window.pageXOffset Возвращает число пикселей прокрутки вдоль горизонтальной оси. horizontal scroll of window property = window.pageXOffset Returns number of pixels of scroll along the horizontal axis.
scrollBy прокрутить на функция = window.scrollBy(горизонталь, вертикаль) Прокручивает документ в окне на заданное количество пикселей. scroll by function = window.scrollBy(horizontal, vertical) Scrolls document in window by the given amount pixels.
scrollTo прокрутить до функция = window.scrollTo(горизонталь, вертикаль) Прокручивает до координат в документе. scroll to function = window.scrollTo(horizontal, vertical) Scrolls to coordinates in document.
document документ ссылка document Ссылка на обьект документа. document reference document Reference to document object.
title заголовок свойство = document.title = Заголовок документа title property = document.title = Title of document
documentElement корневой элемент свойство = document.documentElement Возвращает элемент, который является корневым элементом документа, соответствует тегу html. root element property = document.documentElement Returns element that is root element of document, corresponds to html tag.
body тело свойство = document.body Возвращает элемент тела документа, соответствует тегу body. body property = document.body Returns body element of document, corresponds the body tag.
head голова свойство = document.head Возвращает элемент головы документа, соответствует тегу head. head property = document.head Returns head element of document, corresponds the head tag.
createElement создать элемент функция = document.createElement('тип') Создает HTML-элемент, который соответствует имени тега: div, s, iframe, canvas, img, video, audio, input create element function = document.createElement('type') Creates HTML element that matches tag name: div, s, iframe, canvas, img, video, audio, input
cloneNode клонировать элемент функция = элемент.cloneNode(да/нет) Возвращает полную копию элемента если Да, и копию без потомков если Нет clone element function = element.cloneNode(true/false) Returns full copy of element if true, and copy without children if false.
createDocumentFragment создать фрагмент документа функция = createDocumentFragment() Создает фрагмент документа вне документа. При вставке этого фрагмента в документ он исчезает и вместо него вставляются его дочерние элементы. create document fragment function = createDocumentFragment() Creates a document fragment outside of document. When this fragment is inserted into document, it disappears and its children are inserted instead.
appendChild добавить элемент функция родительский_элемент.appendChild(дочерний_элемент) Добавляет новый дочерний элемент в родительский элемент. append element function parent_element.appendChild(child_element) Adds new child element to parent element.
insertBefore добавить элемент перед функция родительский_элемент.insertBefore(новый_элемент, следующий_элемент) Добавляет новый дочерний элемент в родительский элемент перед следующим элементом. append element before function parent_element.insertBefore(child_element, next_element) Adds new child element to parent element before next element.
replaceChild заменить элемент функция родительский_элемент.replaceChild(новый_элемент, прежний_элемент) Добавляет новый дочерний элемент к родительскому элементу вместо старого элемента. replace element function parent_element.replaceChild(new_element, old_element) Adds new child element to parent element instead of old element.
remove удалить элемент функция элемент.remove() Удаляет элемент. delete element function element.remove() Removes element.
textContent текст элемента изменяемое свойство = элемент.textContent = Текстовое содержимое элемента. text of element editable property = element.textContent = Text content of element.
text текст скрипта изменяемое свойство = элемент_скрипта.text = Текстовое содержимое элемента Script. text of script editable property = script_element.text = Text content of Script element.
innerHTML внутренний HTML элемента изменяемое свойство = элемент.innerHTML = Внутреннее HTML-содержимое элемента в виде строки inner HTML of element editable property = element.innerHTML = Internal HTML content of element as string
outerHTML весь HTML элемента изменяемое свойство = элемент.outerHTML = Полное HTML-содержимое элемента в виде строки outer HTML of element editable property = элемент.outerHTML = Full HTML content of element as string
dataset набор данных изменяемое свойство = элемент.dataset.имя = "строка" Обьект для хранения данных внутри элемента. data set editable property = element.dataset.name = "string" Object for storing data inside element.
id идентификатор элемента изменяемое свойство = элемент.id = Возвращает или устанавливает атрибут элемента. identifier of element editable property = element.id = Returns or sets attribute of element.
className класс элемента изменяемое свойство = элемент.className = Возвращает или устанавливает атрибут элемента. class of element editable property = element.className = Returns or sets attribute of element.
name имя окна изменяемое свойство = iframe.name = Возвращает или устанавливает атрибут элемента Окно. iframe name editable property = iframe.name = Returns or sets attribute of iframe element.
hasAttribute проверить наличие атрибута элемента функция = элемент.hasAttribute('атрибут') Возвращает логическое значение, указывающее, имеет ли элемент указанный атрибут или нет. check for presence of element attribute function = element.hasAttribute('attribute') Returns a Boolean value indicating whether the element has the specified attribute or not.
removeAttribute удалить атрибут элемента функция элемент.removeAttribute('атрибут') Удаляет атрибут элемента, например "className". remove attribute of element function element.removeAttribute('attribute') Removes element's attribute, for example "className".
querySelector найти элемент функция = элемент_предок.querySelector(строка) = элемент_предок.querySelector('# + идентификатор') = элемент_предок.querySelector('. + класс') Возвращает ссылку на обьект элемента-потомка внутри элемента-предка. find element function = parent_element.querySelector(string) = parent_element.querySelector(<'# + identifier') = parent_element.querySelector('. + className') Returns reference to object of child element within parent element
querySelectorAll найти все элементы функция = элемент_предок.querySelectorAll(строка) = элемент_предок.querySelectorAll('# + идентификатор') = элемент_предок.querySelectorAll('. + класс') Возвращает коллекцию ссылок на все дочерние объекты внутри родительского элемента. find all element function = parent_element.querySelectorAll(string) = parent_element.querySelectorAll('# + identifier') = parent_element.querySelectorAll('. + className') Returns collection of references to all child objects within parent element.
children дочерние элементы свойство = родительский_элемент.children Возвращает коллекцию дочерних элементов внутри родительского элемента. child elements property = parent_element.children Returns collection of child elements inside the parent element.
childElementCount число дочерних элементов свойство = элемент.childElementCount Возвращает число дочерних элементов внутри элемента. number of child elements property = element.childElementCount Returns number of child elements inside the element.
parentElement родительский элемент свойство = дочерний_элемент.parentElement Возвращает ссылку на родительский элемент дочернего элемента. parent element property = child_element.parentElement Returns reference to parent element of child element.
firstElementChild первый дочерний элемент свойство = родительский_элемент.firstElementChild Возвращает ссылку на первый дочерний элемент родительского элемента. first element child property = parent_элемент.firstElementChild Returns reference to first child element of parent element.
lastElementChild последний дочерний элемент свойство = родительский_элемент.lastElementChild Возвращает ссылку на последний дочерний элемент родительского элемента. last element child property = parent_элемент.lastElementChild Returns reference to last child element of parent element.
previousElementSibling предыдущий элемент свойство = элемент.previousElementSibling Возвращает ссылку на предыдущий элемент. previous element property = element.previousElementSibling Returns reference to previous element.
nextElementSibling следующий элемент свойство = элемент.nextElementSibling Возвращает ссылку на следующий элемент. next element property = element.nextElementSibling Returns reference to next element.
offsetWidth внешняя ширина элемента свойство = элемент.offsetWidth Возвращает внешнюю ширину содержимого элемента в пикселях, включая границу. outer element width property = element.offsetWidth Returns outer width of element in pixels, including border.
offsetHeight внешняя высота элемента свойство = элемент.offsetHeight Возвращает внешнюю ширину содержимого элемента в пикселях, включая границу. outer element height property = element.offsetHeight Returns outer height of element in pixels, including border.
clientWidth внутренняя ширина элемента свойство = document.documentElement.clientWidth = элемент.clientWidth Возвращает внутреннюю ширину элемента в пикселях, с внутренними полями, без ширины полосы прокрутки. inner element width property = document.documentElement.clientWidth = element.clientWidth Returns inner width of element in pixels, with padding, without width of scrollbar.
clientHeight внутренняя высота элемента свойство = documentElement.clientHeight = элемент.clientHeight Возвращает внутреннюю высоту элемента в пикселях, с внутренними полями, без высоты полосы прокрутки. inner element height property = documentElement.clientHeight = element.clientHeight Returns inner height of element in pixels, with padding, without height of scrollbar.
scrollWidth полная ширина содержимого элемента свойство = элемент.scrollWidth Возвращает полную ширину содержимого элемента в пикселях, включая невидимую часть контента, без ширины полосы прокрутки. full element's content width property = element.scrollWidth Returns full width of element's content in pixels, including invisible part of content, without width of scrollbar.
scrollHeight полная высота содержимого элемента свойство = элемент.scrollHeight Возвращает полную высоту содержимого элемента в пикселях, включая невидимую часть контента, без высоты полосы прокрутки. full element's content height property = element.scrollHeight Returns full height of element's content in pixels, including invisible part of content, without height of scrollbar.
scrollTop прокрутка элемента сверху изменяемое свойство = элемент.scrollTop = Возвращает или устанавливает прокрутку элемента сверху, в пикселях. top scroll of element editable property = element.scrollTop = Returns or sets scrolling of element from top, in pixels.
scrollLeft прокрутка элемента слева изменяемое свойство = элемент.scrollLeft = Возвращает или устанавливает прокрутку элемента слева, в пикселях. left scroll of element editable property = element.scrollLeft = Returns or sets scrolling of element from left, in pixels.
scrollIntoView прокрутить и показать функция элемент.scrollIntoView(да/нет) Прокручивает элемент в видимую область. Если Да то выравнивание по верхней части видимой области. Если Нет то выравнивание по нижней части видимой области. scroll into view function element.scrollIntoView(true/false) Scrolls element into visible area. If True then aligns to the top of the visible area. If False then aligns to the bottom of the visible area.
document.elementFromPoint получить элемент по координатам функция = document.elementFromPoint(x, y) Возвращает самый верхний элемент в указанных координатах. get element by coordinates function = document.elementFromPoint(x, y) Returns topmost element at specified coordinates.
getBoundingClientRect().height получить высоту элемента свойство = элемент.getBoundingClientRect_height Возвращает высоту элемента в пикселях. get element height property = element.getBoundingClientRect_height Returns height of element in pixels.
getBoundingClientRect().width получить ширину элемента свойство = элемент.getBoundingClientRect_width Возвращает ширину элемента в пикселях. get element width property = element.getBoundingClientRect_width Returns width of element in pixels.
getBoundingClientRect().left получить х-координату левой стороны свойство = элемент.getBoundingClientRect_left Возвращает х-координату левой стороны элемента относительно видимой области. get x-coordinate of left side property = element.getBoundingClientRect_left Returns x-coordinate of left side of element relative to visible area.
getBoundingClientRect().right получить х-координату правой стороны свойство = элемент.getBoundingClientRect_right Возвращает х-координату правой стороны элемента относительно видимой области. get x-coordinate of right side property = element.getBoundingClientRect_right Returns x-coordinate of right side of element relative to visible area.
getBoundingClientRect().top получить y-координату верхней стороны свойство = элемент.getBoundingClientRect_top Возвращает y-координату верхней стороны элемента относительно видимой области. get y-coordinate of top side property = element.getBoundingClientRect_top Returns y-coordinate of top side of element relative to visible area.
getBoundingClientRect().bottom получить y-координату нижней стороны свойство = элемент.getBoundingClientRect_bottom Возвращает y-координату нижней стороны элемента относительно видимой области. get y-coordinate of bottom side property = element.getBoundingClientRect_bottom Returns y-coordinate of bottom side of element relative to visible area.
value начальный текст ввода изменяемое свойство = input.value = Возвращает или устанавливает атрибут элемента Ввод. initial text of input editable property = input.value = Returns or sets attribute of Input element.
maxlength максимальное число символов ввода изменяемое свойство = input.maxlength = Возвращает или устанавливает атрибут элемента Ввод. maximum number of characters of input editable property = input.maxlength = Returns or sets attribute of Input element.
srcdoc HTML-содержимое iframe-элемента свойство = iframe.srcdoc = "HTML..." Возвращает или устанавливает атрибут элемента Окно. HTML content of iframe element property = iframe.srcdoc = "HTML..." Returns or sets attribute of Iframe element.
src адрес источника изменяемое свойство = iframe.src = "URL..." Возвращает или устанавливает адрес источника этих элементов: Картинка, Окно, Аудио, Видео. source address editable property = iframe.src = "URL..." Returns or sets source address of this elements: Img, Iframe, Audio, Video.
alt альтернативный текст изменяемое свойство = img.alt = Возвращает или устанавливает атрибут элемента Картинка. alternative text editable property = img.alt = Returns or sets attribute of Img element.
controls кнопки управления изменяемое свойство = audio.controls = true = video.controls = false Возвращает или устанавливает атрибут элементов Аудио и Видео. Показывает или скрывает кнопки управления. control buttons editable property = audio.controls = true = video.controls = false Returns or sets attribute of Audio and Video element. Shows or hides control buttons.
loop зацикливание изменяемое свойство = audio.loop = true = video.loop = false Возвращает или устанавливает атрибут элементов Аудио и Видео. Включает зацикливание. loop editable property = audio.loop = true = video.loop = false Returns or sets attribute of Audio and Video element. Turns on looping.
autoplay автозапуск элементов изменяемое свойство = audio.autoplay = true = video.autoplay = false Возвращает или устанавливает атрибут элементов Аудио и Видео. Включает автозапуск. autoplay of element editable property = audio.autoplay = true = video.autoplay = false Returns or sets attribute of Audio and Video element. Turns on autoplay.
preload предзагрузка изменяемое свойство = audio.preload = "auto" = video.preload = "none" Возвращает или устанавливает атрибут элементов Аудио и Видео. Включает предварительную загрузку, не нужен если включен автозапуск. preload editable property = audio.preload = "auto" = video.preload = "none" Returns or sets attribute of Audio and Video element. Turns on preload, not needed if autoplay is enabled.
poster постер изменяемое свойство = video.poster = "URL..." Возвращает или устанавливает атрибут элемента Видео. Включает постер. poster editable property = video.poster = "URL..." Returns or sets attribute of Video element. Turns on poster.
width ширина свойство = img.width = "100" Возвращает или устанавливает атрибут этих элементов: Картинка, Холст, Видео. Число пикселей. width property = img.width = "100" Returns or sets attribute of this elements: Img, Canvas, Video. Number of pixels.
height высота изменяемое свойство = img.height = "100" Возвращает или устанавливает атрибут этих элементов: Картинка, Холст, Видео. Число пикселей. height editable property = img.height = "100" Returns or sets attribute of this elements: Img, Canvas, Video. Number of pixels.
play запустить элемент функция audio.play() video.play() Запускает воспроизведение элементов Аудио и Видео. play element function audio.play() video.play() Startings playback Audio and Video elements.
pause остановить элемент функция audio.pause() video.pause() Приостанавливает воспроизведение элементов Аудио и Видео. pause element function audio.pause() video.pause() Pause playback Audio and Video elements.
paused остановлено свойство = audio.paused = video.paused Возвращает логическое значение, указывающее что воспроизведение приостановлено или нет. paused property = audio.paused = video.paused Returns Boolean value indicating that playback is paused or not.
volume громкость элемента изменяемое свойство = audio.volume = = video.volume = Возвращает или устанавливает атрибут элементов Аудио и Видео, от 0.0 до 1.0 volume of element editable property = audio.volume = = video.volume = Returns or sets attribute of Audio and Video element, from 0.0 to 1.0.
playbackRate скорость воспроизведения изменяемое свойство = audio.playbackRate = = video.playbackRate = Возвращает или устанавливает атрибут элементов Аудио и Видео. Mеньше 1.0 медленнее, больше 1.0 быстрее playback rate editable property = audio.playbackRate = = video.playbackRate = Returns or sets attribute of Audio and Video element. Less than 1.0 slower, more than 1.0 faster
currentTime текущее время изменяемое свойство = audio.currentTime = = video.currentTime = Возвращает или устанавливает атрибут элементов Аудио и Видео. Время в секундах. current time editable property = audio.currentTime = = video.currentTime = Returns or sets attribute of Audio and Video element. Time in seconds.
seeking переход свойство = audio.seeking = video.seeking Возвращает значение Да если происходит переход к новой позиции воспроизведения seeking property = audio.seeking = video.seeking Returns True value if transition to a new playback position occurs.
ended закончен свойство = audio.ended = video.ended Возвращает значение Да если достигнут конец воспроизведения, и никогда Да если включено зацикливание ended property = audio.ended = video.ended Returns True if end of playback is reached, and never True if looping is enabled.
duration продолжительность свойство = audio.duration = video.duration Возвращает общую продолжительность файла. duration property = audio.duration = video.duration Returns total duration of file.
event объект события обьект объект_события Обьект события. event object object event_object Event object.
target инициатор события обьект объект_события.target Ссылка на объект, который был инициатором события. event initiator object event_object.target A link to object that initiated the event.
stopPropagation остановить распространение функция обьект_события.stopPropagation() Прекращает дальнейшую передачу текущего события. stop propagation function event_object.stopPropagation() Prevents further propagation of current event.
preventDefault запретить исполнение функция обьект_события.preventDefault() Предотвращает действие события по умолчанию. prevent default function event_object.preventDefault() Prevents the default event action.
onkeydown ! нажатие управляющей клавиши клавиатуры свойство обьект_события.onkeydown = функция_обработчик Обработчик для события нажатия клавиши клавиатуры. ! pressing control key on keyboard property element.onkeydown = handler_function Handler for keyboard key press event.
onkeypress ! нажатие символьной клавиши клавиатуры свойство обьект_события.onkeypress = функция_обработчик Обработчик для события нажатия клавиши клавиатуры. ! pressing symbol key on keyboard property element.onkeypress = handler_function Handler for keyboard key press event.
key символ клавиши свойство = обьект_события.key Возвращает символ клавиши. key symbol property = event_object.key Returns key symbol.
code код клавиши свойство = обьект_события.code Возвращает код клавиши. key code property = event_object.code Returns code of key.
shiftKey нажата клавиша shift свойство = обьект_события.shiftKey Возвращает значение Да если нажата клавиша shift. shift key pressed property = event_object.shiftKey Returns value True if shift key is pressed.
ctrlKey нажата клавиша ctrl свойство = обьект_события.ctrlKey Возвращает значение Да если нажата клавиша ctrl. ctrl key pressed property = event_object.ctrlKey Returns value True if ctrl key is pressed.
altKey нажата клавиша alt свойство = обьект_события.altKey Возвращает значение Да если нажата клавиша alt. alt key pressed property = event_object.altKey Returns value True if alt key is pressed.
onscroll ! прокрутка свойство window.onscroll = функция_обработчик Содержит обработчик события "прокрутка". ! scroll property window.onscroll = handler_function Contains event handler for "scroll".
ondragstart ! перетаскивание свойство элемент.ondragstart = функция_обработчик Обработчик для события начала перетаскивания. ! перетаскивание property element.ondragstart = handler_function Handler for ondragstart event.
onmousedown ! кнопка мыши нажата свойство элемент.onmousedown = функция_обработчик Обработчик для события нажатия кнопки мышки. ! mouse button pressed property element.onmousedown = handler_function Handler for onmousedown event.
onmousemove ! движение мышки с нажатой кнопкой свойство элемент.onmousemove = функция_обработчик Обработчик для события движение мышки с нажатой кнопкой. ! mouse movement with pressed button property element.onmousemove = handler_function Handler for mouse movement event with button pressed.
onmouseup ! кнопка мышки отпущена свойство элемент.onmouseup = функция_обработчик Обработчик для события отпускания кнопки мышки. ! mouse button released property element.onmouseup = handler_function Handler for mouse button release event.
onclick ! клик кнопки мышки свойство элемент.onclick = функция_обработчик Обработчик для события клика кнопки мышки (нажатие и отпускание кнопки). ! click mouse button property element.onclick = handler_function Handler for mouse button click event (pressing and releasing button).
click нажать функция элемент.click() Имитирует клик по элементу. click function element.click() Simulates a click on element.
ontouchstart ! нажатие на экран свойство элемент.ontouchstart = функция_обработчик Обработчик для события нажатия на экран. ! touch on screen property element.ontouchstart = handler_function Handler for ontouchstart event.
ontouchmove ! движение прикосновения свойство элемент.ontouchmove = функция_обработчик Обработчик для события движения прикосновения. ! touch movement property element.ontouchmove = handler_function Handler for ontouchmove event.
ontouchend ! отпускание прикосновения свойство элемент.ontouchend = функция_обработчик Обработчик для события отпускания прикосновения. ! release of touch property element.ontouchend = handler_function Handler for ontouchend event.
ontouchcancel ! отмена прикосновения свойство элемент.ontouchcancel = функция_обработчик Обработчик для события отмены прикосновения. ! cancel of touch property element.ontouchcancel = handler_function Handler for ontouchcancel event.
touches точки прикосновения свойство = обьект_события.touches Возвращает коллекцию обьектов для всех точек прикосновения на экране. touch points property = event_object.touches Returns collection of objects for all touch points on screen.
targetTouches целевые точки прикосновения свойство = обьект_события.targetTouches Возвращает коллекцию обьектов для всех точек прикосновения на текущем элементе. target touch points property = event_object.targetTouches Returns collection of objects for all touch points on current element.
changedTouches точки прикосновения события свойство = обьект_события.changedTouches Возвращает коллекцию обьектов для всех точек прикосновения на текущем событии. touch points of event property = event_object.changedTouches Returns collection of objects for all touch points on current event.
clientX x-координата свойство = обьект_события.clientX //для событий мышки = обьект_события.targetTouches[0].clientX //для событий прикосновения Возвращает x-координату события относительно границ видимой области. x-coordinate property = event_object.clientX //for mouse events = event_object.targetTouches[0].clientX //for touch events Returns x-coordinate of event relative to boundaries of visible area.
clientY y-координата свойство = обьект_события.clientY //для событий мышки = обьект_события.targetTouches[0].clientY //для событий прикосновения Возвращает y-координату события относительно границ видимой области. y-coordinate property = event_object.clientY //for mouse events = event_object.targetTouches[0].clientY //for touch events Returns y-coordinate of event relative to boundaries of visible area.
identifier идентификатор свойство = обьект_события.targetTouches[0].identifier Возвращает уникальный идентификатор прикосновения для его отслеживания между событиями. identifier property = event_object.targetTouches[0].identifier Returns unique touch identifier to track it between events.
target целевой элемент свойство = обьект_события.targetTouches[0].target Возвращает элемент на котором произошло событие. target element property = обьект_события.targetTouches[0].target Returns element on which event occurred.
type тип ввода свойство ввод.type = 'file' Содержит тип элемента Ввод. input type property input.type = 'file' Contains type of element Input.
onchange ! изменен свойство ввод.onchange = функция_обработчик Содержит обработчик события изменения элемента Ввод ! changed property input.onchange = handler_function Contains handler for change event of element Input
files файлы свойство let файл = обьект_события.files[0] Содержит массив файлов загруженных через ввод. Объект события изменения элемента Ввод files property let file = event_object.files[0] Contains array of files downloaded via input. Object of change event of element Input
name имя файла свойство = обьект_события.files[0].name Содержит имя файла загруженного через ввод. name of file property = event_object.files[0].name Contains name of file downloaded via input.
size размер файла свойство = обьект_события.files[0].size Содержит размер файла загруженного через ввод. file size property = event_object.files[0].size Contains size of file downloaded via input.
type тип файла свойство = files[0].type Содержит тип файла загруженного через ввод. type of file property = files[0].type Contains type of file downloaded via input.
new FileReader создать обьект чтения файла функция let обьект_чтения_файла = new_FileReader() Возвращает ссылку на обьект чтения файла. create file read object function =let file_read_object = new_FileReader() Returns reference to file reading object.
readAsDataURL получить DataURL из файла функция обьект_чтения_файла.readAsDataURL(файл) Читает файл в виде DataURL, и вызывает событие "загрузка окончена". get DataURL from file function =file_read_object.readAsDataURL(file) Reads file as DataURL, and calls the "onloadend" event.
onloadend ! загрузка окончена свойство обьект_чтения_файла.onloadend = функция_обработчик Содержит обработчик события окончания загрузки файла. ! onloadend property file_read_object.onloadend = handler_function Contains event handler for file download completion.
result результат чтения свойство картинка.src = обьект_чтения_файла.result Возвращает содержание файла. reading result property image.src = file_read_object.result Returns file's contents.
length длина массива свойство = массив.length Возвращает длинну массива. length of array property = array.length Returns length of array.
pop удалить последний элемент метод изменения = массив.pop() Удаляет последний элемент массива и возвращает его значение. remove last element mutator method = array.pop() Removes last element from array and returns its value.
shift удалить первый элемент метод изменения = массив.shift() Удаляет первый элемент массива и возвращает его значение remove first element mutator method = array.shift() Removes first element from array and returns its value.
push добавить элементы в конец метод изменения = массив.push(элемент1, элемент2...) Добавляет один или более элементов в конец массива и возвращает новую длину массива. add elements to end mutator method = array.push(element1, element2...) Adds one or more elements to end of array and returns new length of array.
unshift добавить элементы в начало метод изменения = массив.unshift(элемент1, элемент2...) Добавляет один или более элементов в начало массива и возвращает новую длину массива. add elements to beginning mutator method = array.unshift(element1, element2...) Adds one or more elements to beginning of array and returns new length of array.
sort сортировать функция массив.sort() Сортирует массив в алфавитном порядке. sort function array.sort() Sorts array in alphabetical order.
reverse реверсировать функция массив.reverse() Изменяет порядок элементов массива на обратный. reverse function массив.reverse() Changes order of array elements to reverse.
concat соединить метод доступа = массив.concat(значения_или_массивы) Объединяет два или более массива. Возвращает новый массив. Соединяет массив, в котором он был вызван с другими массивами или значениями, переданными в качестве аргументов. concatenate accessor method = array.concat(values_or_arrays) Merges two or more arrays. Returns new array. Connects array on which it was invoked with other arrays or values passed as arguments.
join получить строку из массива метод доступа = массив.join('разделитель_строк') = массив.join() Oбъединяет все элементы массива или коллекции в строку и возвращает эту строку. create string from array accessor method = array.join('separator_string') = array.join('separator_string') Joins all elements of array or collection into string and returns this string.
slice создать срез массива метод доступа = массив.slice(индекс1, индекс2) Возвращает новый массив, содержащий копию части исходного массива, аргументы могут быть отрицательными - тогда отсчет с конца массива. create slice of array accessor method = array.slice(index1, index2) Returns new array containing copy of part of original array, from first index to second, not inclusive, arguments can be negative - then count from end of array.
indexOf получить индекс первого совпадения массива метод доступа = массив.indexOf(значение, индекс) = массив.indexOf(значение) Возвращает первый индекс, в котором данное значение может быть найдено в массиве, начиная с необязательного индекса, или -1 если его нет. get first match index of array accessor method = array.indexOf(value, index) = array.indexOf(value) Returns first index at which given value can be found in array, starting with optional index, or -1 if it is not present.
lastIndexOf получить индекс последнего совпадения массива метод доступа = массив.lastIndexOf(значение, индекс) = массив.lastIndexOf(значение) Возвращает последний индекс, в котором данное значение может быть найдено в массиве, начиная с необязательного индекса, или -1 если его нет. get last match index of array accessor method = array.lastIndexOf(value, index) = array.lastIndexOf(value) Returns last index at which given value can be found in array, starting with optional index, or -1 if it is not present.
String получить строку функция = String(значение) Возвращает строку из значения. get string function = String(value) Returns string from value.
length длина строки свойство = строка.length Возвращает длину строки. length of string property = string.length Returns length of string.
charAt получить символ функция = строка.charAt(индекс) Возвращает указанный символ строки. get character function = string.charAt(index) Returns specified line character.
charCodeAt получить код символа функция = строка.charCodeAt(индекс) возвращает числовое Юникод-значение символа get character code function = string.charCodeAt(index) возвращает числовое Юникод-значение символа
indexOf получить индекс первого совпадения строки функция = строка.indexOf(строка, индекс) Возвращает первый индекс, в котором данное значение может быть найдено в строке, начиная с необязательного индекса, или -1 если его нет. get first match index of string function = string.indexOf(string, index) Returns first index at which given value can be found in string, starting with optional index, or -1 if it is not present.
lastIndexOf получить индекс последнего совпадения строки функция = строка.lastIndexOf(строка, индекс) Возвращает последний индекс, в котором данное значение может быть найдено в строке, начиная с необязательного индекса, или -1 если его нет. get last match index of string function = string.lastIndexOf(string, index) Returns last index at which given value can be found in string, starting with optional index, or -1 if it is not present.
slice получить срез строки по индексам | функция = строка.slice(начальный_индекс, конечный_индекс) Возвращает срез строки, от начальный_индекс до конечный_индекс невключительно, аргументы могут быть отрицательными, тогда они складываются с длиной строки, и отсчитываются с конца, конечный_индекс необязателен. get slice of string along indexes | function = string.slice(start_index, end_index) Returns slice of string, from start_index to end_index, arguments can be negative, then they add up with length of string, and are counted from end, end_index is optional.
substring получить срез строки по индексам || функция = строка.substring(начальный_индекс, конечный_индекс) Возвращает срез строки, от начальный_индекс до конечный_индекс невключительно. get slice of string along indexes || function = string.substring(start_index, end_index) Returns slice of string, from start_index to end_index, end_index is optional.
substr получить срез строки по длине функция = строка.substr(начальный_индекс, число_символов) Возвращает срез строки, начиная от начальный_индекс, некоторое число символов. get slice of string along length function = string.substr(start_index, characters_number) Returns slice of string, starting from start_index, some number of characters.
split получить массив строк функция = строка.split('разделитель', число_элементов) Возвращает массив строк, разделаяет по разделителю, длинна массива ограничена числом_элементов, если разделитель пустой тогда возвращает массив символов, число_элементов необязателен. get array of strings function = string.split('separator', number_of_elements) Returns array of strings, divides by separator, length of array is limited to number of elements, if separator is empty then returns array of characters, number of elements is optional.
replace получить строку с заменой функция = строка.replace(заменяемая_строка, заменяющая_строка) Возвращает новую строку с заменой символов. get string with replacement function = string.replace(replaceable_string, replacement_string) Returns new string with character substitution.
trim получить строку без пробелов функция = строка.trim() Возвращает строку без пробельных символов в начале и в конце строки. get string without spaces function = string.trim() Returns a string without whitespace at the beginning and end of the string.
toLocaleLowerCase получить строку в нижнем регистре функция = строка.toLocaleLowerCase() Возвращает строку в нижнем регистре. get string in lowercase function = string.toLocaleLowerCase() Returns lowercase string.
toLocaleUpperCase получить строку в верхнем регистре функция = строка.toLocaleUpperCase() Возвращает строку в верхнем регистре. get string in uppercase function = string.toLocaleUpperCase() Returns a string in uppercase.
isFinite проверить конечное число функция = isFinite(значение) Возвращает Да если значение является конечным числом. check finite number function = isFinite(value) Returns True if the value is a finite number.
Number получить число функция = Number(значение) Возвращает число из значения. get number function = Number(value) Returns a number from the value.
parseFloat получить число с плавающей запятой функция = parseFloat(строка) Разбирает строку и возвращает число с плавающей запятой. get floating point number function = parseFloat(string) Parses string and returns floating point number.
parseInt получить целое число функция = parseInt(строка, 10) Разбирает строку и возвращает целое число в десятичной системе счисления. get integer number function = parseInt(string, 10) Parses string and returns integer in decimal notation.
toFixed форматировать число | функция = число.toFixed(длина) Возвращает число округленное до заданного количества знаков до или после запятой. Если длина не указана или 0 тогда округление до целого числа. Eсли длина это положительное число тогда число знаков после запятой. Если длина это отрицательное число тогда число знаков до запятой. format a number | function = number.toFixed(length) Returns number rounded to specified number of characters before or after comma. If length is not specified or 0 then round to integer. If length is positive number then number of decimal places. If length is negative number then number of characters before comma.
toPrecision форматировать число || функция = число.toPrecision(длина) Возвращает число округленное до заданного количества знаков. Длина это общее количество цифр в числе. format a number || function = number.toPrecision(length) Returns number rounded to specified number of characters. Length is total number of digits in number.
Number.MAX_SAFE_INTEGER максимальное целое число свойство = Number_MAX_SAFE_INTEGER Возвращает максимальное безопасное целочисленное значение в JavaScript = 9007199254740991 maximum safe integer property = Number_MAX_SAFE_INTEGER Returns maximum safe integer value in JavaScript = 9007199254740991
Number.MIN_SAFE_INTEGER минимально целое число свойство = Number_MIN_SAFE_INTEGER Возвращает минимальное безопасное целочисленное значение в JavaScript = -9007199254740991 minimum safe integer property = Number_MIN_SAFE_INTEGER Returns maximum safe integer value in JavaScript = -9007199254740991
Math.E основание натурального логарифма, e свойство = Math_E Возвращает основание натурального логарифма, e base of natural logarithms, e property = Math_E Returns base of natural logarithms, e
Math.LN2 натуральный логарифм из 2 свойство = Math_LN2 Возвращает натуральный логарифм из 2 natural logarithm of 2 property = Math.LN2 Returns natural logarithm of 2
Math.LN10 натуральный логарифм из 10 свойство = Math_LN10 Возвращает натуральный логарифм из 10 natural logarithm of 10 property = Math_LN10 Returns natural logarithm of 10
Math.LOG2E двоичный логарифм из E свойство = Math_LOG2E Возвращает двоичный логарифм из e base 2 logarithm of e property = Math.LOG2E Returns base 2 logarithm of e
Math.PI число Пи свойство = Math_PI Возвращает число Пи Pi property = Math_PI Returns Pi
Math.SQRT1_2 квадратный корень из 1/2 свойство = Math_SQRT1_2 Возвращает квадратный корень из 1/2 square root of 1/2 property = Math_SQRT1_2 Returns square root of 1/2
Math.SQRT2 квадратный корень из 2 свойство = Math_SQRT2 Возвращает квадратный корень из 2 square root of 2 property = Math_SQRT2 Returns square root of 2
Math.sin получить синус числа функция = Math_sin(число) Возвращает косинус указанного угла в радианах. get sine of angle function = Math_sin(number) Returns cosine of the specified angle in radians.
Math.cos получить косинус угла функция = Math_cos(число) Возвращает косинус указанного угла в радианах. get cosine of angle function = Math_cos(number) Returns cosine of the specified angle in radians.
Math.asin получить арксинус числа функция = Math_asin(число) Возвращает арксинус числа в радианах. get arcsine of number function = Math_asin(number) Returns arcsine of number in radians.
Math.acos получить арккосинус числа функция = Math_acos(число) Возвращает арккосинус числа в радианах. get arccosine of number function = Math_acos(number) Returns arccosine of number in radians.
Math.tan получить тангенс угла функция = Math_tan(число) Возвращает тангенс указанного угла в радианах. get tangent of angle function = Math_tan(number) Returns tangent of the specified angle in radians.
Math.atan получить арктангенс числа | функция = Math_atan(число) Возвращает арктангенс числа в радианах. get arctangent of number | function = Math_atan(number) Returns arctangent of number in radians.
Math.atan2 получить арктангенс числа || функция = Math_atan2(число1, число2) Возвращает арктангенс от частного своих аргументов. get arctangent of number || function = Math_atan2(number1, number2) Returns arctangent of the quotient of its arguments.
Math.abs получить абсолютное значение числа функция = Math_abs(число) Возвращает абсолютное значение числа. get absolute value of number function = Math_abs(number) Returns absolute value of number.
Math.ceil получить целое число округленное вверх функция = Math_ceil(число) Возвращает наименьшее целое число, большее, либо равное указанному числу, 0.9 -> 1 get integer number rounded up функция = Math_ceil(number) Returns smallest integer greater than or equal to a given number, 0.9 -> 1
Math.floor получить целое число округленное вниз function = Math_floor(число) Возвращает наибольшее целое число, меньшее, либо равное указанному числу, 1.1 -> 1 get integer number rounded down function = Math_floor(number) Returns largest integer less than or equal to a given number, 1.1 -> 1
Math.round получить округлённое число функция = Math_round(число) Возвращает число, округлённое к ближайшему целому, 1.4 -> 1, 1.5 -> 2 get rounded number function = Math_round(number) Returns value of number rounded to nearest integer, 1.4 -> 1, 1.5 -> 2
Math.exp получить число Эйлера в степени функция = Math_exp(степень) Возвращает значение выражения: число Эйлера в степени. get degree of Euler's number function = Math_exp(exponent) Returns value of expression: degree of Euler's number.
Math.log получить натуральный логарифм функция = Math_log(число) возвращает натуральный (по основанию e) логарифм числа get natural logarithm function = Math_log(number) Returns natural logarithm (base e) of a number
Math.max получить наибольшее число функция = Math_max(число1, число2, ...) Возвращает наибольшее число из чисел. get largest number function = Math_max(number1, number2, ...) Returns the largest number of numbers.
Math.min получить наименьшее число функция = Math_min(число1, число2, ...) Возвращает наименьшее число из чисел. get smallest number function = Math_min(number1, number2, ...) Returns the smallest number of numbers.
Math.pow получить число в степени функция = Math_pow(число, степень) Возвращает значение выражения: число в степени. get number raised to power function = Math_pow(number, exponent) Returns value of expression: number raised to power.
Math.sqrt получить квадратный корень функция = Math_sqrt(число) Возвращает квадратный корень числа. get square root function = Math_sqrt(number) Returns square root of a number.
Math.random получить случайное число функция = Math_random() Возвращает псевдослучайное число с плавающей запятой из диапазона от 0 включительно до 1 невключительно. get random number function = Math_random() Returns floating-point, pseudo-random number in the range 0 to 1
getContext получить контекст рисования функция = холст.getContext('2d/3d') Возвращает ссылку на контекст рисования на холсте. get drawing context function = canvas.getContext('2d/3d') Returns reference to drawing context on canvas.
drawImage рисовать изображение функция контекст_рисования.drawImage(изображение, x, y, ширина, высота) Копирует изображение из элементов: img canvas видео, в контекст рисования, вставляет в угол с координатами x и y (или в верхний левый угол по умолчанию), масштабирует изображение до ширины и высоты (ширина и высота необязательны). draw Image function drawing_context.drawImage(image, x, y, width, height) Copies image from elements: img canvas video, into drawing context, inserts into corner with the x and y coordinates (or into upper-left corner by default), scales image to width and height (width and height are optional).
getImageData получить обьект данных изображения функция контекст_рисования.getImageData(x, y, ширина, высота) Возвращает объект данных изображения, из прямоугольной области контекста рисования с началом в точке с координатами x и y, и шириной и высотой. get object of image data function drawing_context.getImageData(x, y, width, height) Returns ImageData object, from rectangular region of drawing context with origin at point with x and y coordinates, and width and height.
putImageData вставить обьект данных изображения функция контекст.putImageData(объект_данных_изображения, x, y) Вставить изображение из объекта данных изображения в контекст в точку с координатами x и y. put object of image data function drawing_context.putImageData(ImageData_object, x, y) Inserts image from ImageData object into context into point with x and y coordinates.
createImageData создать обьект данных изображения функция контекст_рисования.createImageData(ширина, высота) контекст.createImageData(объект_данных_изображения) Возвращает новый объект данных изображения, или копию существующего. create object of image data function drawing_context.createImageData(width, height) drawing_context.createImageData(ImageData_object) Returns new ImageData object, or copy of existing.
data данные изображения изменяемое свойство = объект_данных_изображения.data[0] = Возвращает или устанавливает массив данных объекта данных изображения, последовательность пикселов слева направо и сверху вниз [r,g,b,a,r,g,b,a,r,g,b,a] значения в диапазоне от 0 до 255. data of image editable property = ImageData_object.data[0] = Returns or sets array of data from ImageData object, sequence of pixels from left to right and from top to bottom [r, g, b, a, r, g, b, a, r, g, b, a] values in the range from 0 to 255.
width ширина обьекта данных изображения свойство = объект_данных_изображения.width Возвращает ширину обьекта данных изображения в пикселях. width of ImageData object property = ImageData_object.width Returns width of the ImageData object in pixels.
height высота обьекта данных изображения свойство = объект_данных_изображения.height Возвращает высоту обьекта данных изображения в пикселях. height of ImageData object property = ImageData_object.height Returns height of the ImageData object in pixels.
toDataURL получить изображение из холста функция = холст.toDataURL('image/jpeg') Возвращает изображение в виде data:URL. get image from canvas function = canvas.toDataURL('image/png') Returns the image as data:URL.
localforage.setItem сохранить в хранилище функция localforage_setItem('ключ', значение) Сохраняет значение в хранилище. save to storage function localforage_setItem('key', value) Saves value in storage.
localforage.getItem получить из хранилища функция localforage_getItem('ключ', функция_братного_вызова) let функция_братного_вызова = function(ошибка, значение){} Получает значение из адреса хранилища, значение передается в функцию братного вызова, если ключа нет то передается NULL. get from storage function localforage_getItem('key', callback_function) let callback_function = function(error, value){} Gets value from storage, value is passed to callback function, if there is no key, then NULL is passed.
localforage.removeItem удалить из хранилища функция localforage_removeItem('ключ', функция_братного_вызова) let функция_братного_вызова = function(){alert('успешно удалено')} Удаляет ключ из хранилища. remove from storage function localforage_removeItem('key', callback_function) let callback_function = function(){alert('successfully removed')} Removes key from storage.
localforage.clear очистить хранилище функция localforage_clear() Очистить хранилище. clear storage function localforage.clear() Clear storage.
localforage.keys получить ключи хранилища функция localforage_keys(функция_братного_вызова) let функция_братного_вызова = function(ошибка, значение){} Получает список адресов хранилища get list of keys of storage function localforage_keys(callback_function) let callback_function = function(error, value){} Gets list of keys of storage.
new Howl создать обьект звука функция let обьект_звука = new_Howl(обьект_свойств) Возвращает ссылку на новый обьект звука. create audio object create an audio object let audio_object = new_Howl(property_object) Returns a reference to a new object of sound.
src адрес свойство обьект_свойств.src = ['звук.mp3', 'звук.wav'] Один или несколько адресов в массиве. src property property_object.src = ['sound.mp3', 'sound.wav'] Оne or more addresses in an array.
volume громкость звука свойство обьект_свойств.volume = 0.5 Громкость звука. volume of sound property property_object.volume = 0.5 Sound volume.
html5 ускорение загрузки свойство обьект_свойств.html5 = true Значение Да — для больших аудиофайлов, чтобы не ждать полной загрузки файла для начала воспроизведения. acceleration of loading property property_object.html5 = true Value of True is for large audio files so that you do not wait for the file to be fully downloaded to start playback.
loop зациклен свойство обьект_свойств.loop = true Значение Да — для зацикленного воспроизведения звука. looped property property_object.loop = true Value of True is for looped sound playing.
autoplay автозапуск звука свойство обьект_свойств.autoplay = true Значение Да — для автозапуск звука. autoplay of sound property property_object.autoplay = true Value of True is for autoplay sound.
mute отключен свойство обьект_свойств.mute = true Значение Да — для приглушения звука при загрузке. mute property property_object.mute = true Value of True is to mute the sound at boot.
rate скорость свойство обьект_свойств.rate = 1.0 Cкорость звука от 0.5 до 4.0, нормальная скорость - 1.0. rate property property_object.rate = 1.0 Sound speed is from 0.5 to 4.0, normal speed - 1.0.
onload ! аудио загружен свойство обьект_свойств.onload = функция_обработчик Содержит обработчик события загрузки звука. ! sound loaded property property_object.onload = handler_function Contains handler for audio load event.
onloaderror ! ошибка загрузки аудио свойство обьект_свойств.onloaderror = функция_обработчик Содержит обработчик события ошибки загрузки звука. ! audio download error property property_object.onloaderror = handler_function Contains handler for load error event.
onplay ! пуск свойство обьект_свойств.onplay = функция_обработчик Содержит обработчик события начала проигрывания звука, первый параметр функции обработчика это идентификатор звука. ! play property property_object.onplay = handler_function Contains event handler for beginning of audio playback, first parameter of handler function is audio id.
onpause ! пауза свойство обьект_свойств.onpause = функция_обработчик Содержит обработчик события паузы проигрывания звука, первый параметр функции обработчика это идентификатор звука. ! pause property property_object.onpause = handler_function Contains event handler for pause of audio playback, first parameter of handler function is audio id.
onstop ! остановка свойство обьект_свойств.onstop = функция_обработчик Содержит обработчик события остановки проигрывания звука, первый параметр функции обработчика это идентификатор звука. ! stop property property_object.onstop = handler_function Contains event handler for stop of audio playback, first parameter of handler function is audio id.
onend ! конец свойство обьект_свойств.onend = функция_обработчик Содержит обработчик события окончания проигрывания звука, первый параметр функции обработчика это идентификатор звука. ! end property property_object.onend = handler_function Contains event handler for end of audio playback, first parameter of handler function is audio id.
onmute ! включение и выключение звука свойство обьект_свойств.onmute = функция_обработчик Содержит обработчик события включения и выключении звука, первый параметр функции обработчика это идентификатор звука. ! on and off of sound property property_object.onmute = handler_function Contains event handler for on and off of audio playback, first parameter of handler function is audio id.
onvolume ! громкость свойство обьект_свойств.onvolume = функция_обработчик Содержит обработчик события изменения громкости звука, первый параметр функции обработчика это идентификатор звука. ! volume property property_object.onvolume = handler_function Contains event handler for volume change event, first parameter of handler function is audio id.
onfade ! плавное изменение громкости свойство обьект_свойств.onfade = функция_обработчик Содержит обработчик события плавного изменения громкости звука, первый параметр функции обработчика это идентификатор звука. ! smooth volume change property property_object.onfade = handler_function Contains event handler for smooth volume change event, first parameter of handler function is audio id.
onrate ! скорость свойство обьект_свойств.onrate = функция_обработчик Содержит обработчик события изменения скорости звука, первый параметр функции обработчика это идентификатор звука. ! rate property property_object.onrate = handler_function Contains event handler for change speed of sound, first parameter of handler function is audio id.
onseek ! переход событие обьект_свойств.onseek = функция_обработчик Содержит обработчик события перехода к позиции воспроизведения звука, первый параметр функции обработчика это идентификатор звука. ! seek property property_object.onseek = handler_function Contains event handler for transition to playback position of sound, first parameter of handler function is audio id.
play запустить звук функция let идентификатор_звука = обьект_звука.play() Запускает воспроизведение звука, возвращает идентификатор звука который может быть использован другими методами. Возвращает несколько идентификаторов звука, если звук запустить несколько раз. play sound function let audio_id = audio_object.play() Starts playing sound, returns audio id which can be used by other methods. Returns several sound ID, if the sound is run several times.
pause приостановить функция обьект_звука.pause(идентификатор_звука) Приостанавливает один звук по его идентификатору, или все запущенные звуки. Сохраняет позицию проигрывания. pause function audio_object.pause(audio_id) Pauses a sound by its ID, or all running sounds. Saves the playback position.
stop остановить звук функция обьект_звука.stop(идентификатор_звука) Приостанавливает один звук по его идентификатору, или все запущенные звуки. Сохраняет позицию проигрывания в 0. stop sound function audio_object.stop(audio_id) Pauses a sound by its ID, or all running sounds. Saves the playback position to 0.
mute включить/выключить громкость функция обьект_звука.mute(да/нет, идентификатор_звука) Включает или выключает громкость одного звука по его идентификатору, или всех запущенных звуков. Да — выключить, Нет — включить turn on/off volume function audio_object.mute(true/false, audio_id) Turns on or off volume of sound by its ID, or all currently running sounds. True — on, false — off
volume изменить громкость функция обьект_звука.volume(громкость, идентификатор_звука) Изменяет громкость одного звука по его идентификатору, или всех запущенных звуков. Громкость от 0.0 до 1.0 change volume function audio_object.volume(мolume, audio_id) Changes volume of sound by its ID, or all currently running sounds. Volume from 0.0 to 1.0
fade плавно изменить громкость функция обьект_звука.fade(от, до, длительность, идентификатор_звука) обьект_звука.fade(0.1, 1.0, 1000) Плавно изменяет громкость одного звука по его идентификатору, или всех запущенных звуков. Громкость от 0.0 до 1.0, длительность в миллисекундах. smoothly change volume function audio_object.fade(from, to, duration, audio_id) audio_object.fade(0.1, 1.0, 1000) Smoothly changes volume of sound by its ID, or all currently running sounds. Volume от 0.0 до 1.0, duration in milliseconds.
rate изменить скорость функция обьект_звука.rate(скорость, идентификатор_звука) обьект_звука.rate(1.0) Изменяет скорость воспроизведения одного звука по его идентификатору, или всех запущенных звуков. Скорость от 0.5 to 4.0, нормальная скорость - 1.0. change speed function audio_object.rate(speed, audio_id) audio_object.rate(1.0) Changes playback speed of sound by its ID, or all currently running sounds. Speed from 0.5 to 4.0, normal speed - 1.0.
seek изменить позицию функция обьект_звука.seek(позиция, идентификатор_звука) обьект_звука.seek(1.0) обьект_звука.seek() Изменяет позицию воспроизведения одного звука по его идентификатору, или всех запущенных звуков. change position function audio_object.seek(position, audio_id) audio_object.seek(1.0) audio_object.seek() Changes the playback position of one sound by its ID, or all of the running sounds.
loop включить/выключить закцикливание функция обьект_звука.loop(да/нет, идентификатор_звука) обьект_звука.loop(true) Изменяет закцикливание воспроизведения одного звука по его идентификатору, или всех запущенных звуков. Да — включить зацикливание, Нет — отключить зацикливание turn on/off loop function audio_object.loop(true/false, audio_id) audio_object.loop(true) Changes loop of play sound by its ID, or all running sounds. true — enable looping, false — disable looping
state проверить состояние функция = обьект_звука.state() Проверяет состояние обьекта звука, возвращает 'unloaded'(не загружен), 'loading' (загружается) или 'loaded' (загружен). check state function = audio_object.state() Checks status of audio object, returns 'unloaded', 'loading' or 'loaded'.
playing проверить проигрывание функция = обьект_звука.playing() Проверяет проигрывается или нет звук по его идентификатору, или любой из запущенных звуков, возвращает Да или Нет. check playback function = audio_object.playing() Checks or not playing sound by its ID or any of the running sounds, returns Yes or No.
duration получить длительность функция = обьект_звука.duration() Возвращает длительность звука. get duration function = audio_object.duration() Returns duration of sound.
stereo установить/получить стерео функция обьект_звука.stereo(число, идентификатор_звука) обьект_звука.stereo(-1.0) = обьект_звука.stereo() Устанавливает или возвращает стерео-положение одного звука по его идентификатору, или всех запущенных звуков. Число от -1.0 до 1.0 set/get stereo function audio_object.stereo(number, audio_id) audio_object.stereo(-1.0) = audio_object.stereo() Sets or returns the stereo position of a sound by its ID, or all running sounds. Number from -1.0 to 1.0
pos установить/получить расположение функция обьект_звука.pos(x, y, z, идентификатор_звука) обьект_звука.pos(0, 1000, 0) = обьект_звука.pos() Устанавливает или возвращает расположение в пространстве одного звука по его идентификатору, или всех запущенных звуков. Положение от -1000 до 1000. set/get location function audio_object.pos(x, y, z, audio_id) audio_object.pos(0, 1000, 0) = audio_object.pos() Sets or returns location in space of sound by its ID or all currently running sounds. Position from -1000 to 1000.
unload удалить обьект звука функция обьект_звука.unload() Удаляет обьект звука, и останавливает все его воспроизведения. remove object sound function audio_object.unload() Removes object sound, and stops all its playback.
request_to_server запрос на сервер функция request_to_server(адрес_php_функции, данныe, функция_обрабатывающая_ответ) Отправляет данные на сервер. Данные это строка или массив. Функция обрабатывающая ответ получает значения: 'offline' или js-значение. request to server function request_to_server(php_function_address, data, function_processing_response) Sends data to server. Data is a string or an array. Function that processes response receives values: 'offline' or js value
enable_fullscreen включить полноэкранный режим функция элемент.onclick = enable_fullscreen Включает полноэкранный режим. enable full-screen mode function element.onclick = enable_fullscreen Enables full screen mode.
upload_file_to_DataURL загрузить один файл в виде DataURL функция upload_file_to_DataURL(ввод, функция_обрабатывающая_ответ) Получает данные из элемента Ввод и запускает функцию обрабатывающую ответ и передаёт ей: имя файла, размер файла и DataURL. upload one file as DataURL function upload_file_to_DataURL(input, function_processing_response) Gets data from an Input element and runs a function that processes the response and passes it: file name, file size and DataURL.
upload_file_to_Text загрузить один файл в виде текста функция upload_file_to_Text(ввод, функция_обрабатывающая_ответ) Получает данные из элемента Ввод и запускает функцию обрабатывающую ответ и передаёт ей: имя файла, размер файла и текст. upload one file as text function upload_file_to_Text(input, function_processing_response) Gets data from an Input element and runs a function that processes the response and passes it: file name, file size and text.
export_text_file экспортировать текстовый файл функция export_text_file(имя_файла, текстовое_содержимое) Сохраняет текстовый файл из браузера. export text file function export_text_file(file_name, text_content) Saves a text file from browser.
howler localForage raf
1 2 3 4 5 6 7 8 9 0 - .
копировать
вставить
удалить
Ок
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24
0 1 2 3 4 5 6 7 8 9 10
0 1 2 3 4 5 6 7 8 9 10
акцидентные
обычные
юникодные
О качестве результатов Насколько важен первый вопрос, можно проиллюстрировать на простом, даже несколько упрощенном примере. Предположим, что математик, работающий в области теории чисел, имеет в своем распоряжении машину с программой факторизации чисел. Этот процесс может завершиться двумя способами: либо он выдает факторизацию данного числа, либо отвечает, что заданное число является простым. Предположим теперь, что наш математик хочет подставить в этот процесс, скажем, число с 20-ю десятичными знаками, для которого у него есть веские причины полагать, что оно простое. Если машина подтверждает это ожидание, он будет счастлив; если она находит факторизацию, математик будет разочарован, так как интуиция снова подвела его, но, если он сомневается, он может взять счетную машинку и перемножить полученные множители, чтобы проверить, получится ли в результате исходное число. Если же, наоборот, машина выдает ответ, что данное число, согласно его ожиданиям и горячему желанию, является простым, с чего бы ему верить этому? О структуре убедительных программ Техника управления сложностью известна с древних времен: “Divide et impera” (разделяй и властвуй). Аналогия между построением доказательства и построением программы, пожалуй, просто поразительна. В обоих случаях даны отправные точки (аксиомы и существующая теория против примитивов и доступных библиотечных программ), в обоих случаях задана цель (доказанная теорема против желаемых результатов), в обоих случаях сложность преодолевается делением на части (леммы против подпрограмм и процедур). Я полагаю, что гениальность программиста соответствует сложности решаемой задачи, а также полагаю, что он сумел добиться подходящего разделения задачи. Затем он продолжает действовать следующим образом: 1. Он разрабатывает полные спецификации отдельных частей. 2. Он убеждается, что проблема в целом решается при наличии в его распоряжении частей программы, удовлетворяющих этим спецификациям. 3. Он разрабатывает отдельные части в соответствии со спецификациями, но при этом делает их максимально независимыми друг от друга и от окружения, в котором они будут использоваться. Очевидно, что построение каждой такой отдельной части может снова оказаться сложной задачей, так что для данной части задачи потребуется дальнейшее разбиение.
On the Quality of the results How urgent the first question is might be illustrated by a simple, be it somewhat simplified example. Suppose that a mathematician interested in number theory has at his disposal a machine with a program to factorize numbers. This process may end in one of two ways: either it gives a factorization of the number given or it answers that the number given is prime. Suppose now that our mathematician wishes to subject to this process a, say, 20 decimal number, while he has strong reasons to suppose that it is a prime number. If the machine confirms this expectation, he will be happy; if it finds a factorization, the mathematician may be disappointed because his intuition has fooled him again, but, when doubtful, he can take a desk machine and can multiply the factors produced in order to check whether the product reproduces the original number. The situation is drastically changed, however, if he expects the number given to be non-prime: if the machine now produces factors he finds his expectations confirmed and moreover he can check the result by multiplying. If, however, the machine comes back with the answer that the number given is, contrary to his expectations and warmest wishes, alas a prime number, why on earth should he believe this? On the structure of convincing programs The technique of mastering complexity is known since ancient times: "Divide et impera" ("Divide and rule"). The analogy between proof construction and program construction is, again, striking. In both cases the available starting points are given (axioms and existing theory versus primitives and available library programs), in both cases the goal is given (the theorem to be proven versus the desired performance), in both cases the complexity is tackled by division into parts (lemmas versus subprograms and procedures). I assume the programmer's genius matched to the difficulty of his problem and assume that he has arrived at a suitable subdivision of the task. He then proceeds in the usual manner in the following stages: 1. he makes the complete specifications of the individual parts 2. he satisfies himself that the total problem is solved provided he had at his disposal program parts meeting the various specifications 3. he constructs the individual parts, satisfying the specifications, but independent of one another and the further context in which they will be used. Obviously, the construction of such an individual part may again be a task of such complexity, that inside this part job, a further subdivision is required.
/*блок*/
/*скрыть*/
/*переполнение*/
/*тень*/
/*расположение*/
/*слой*/
/*неактивный*/
/*размеры*/
/*ширина*/
/*макс ширина*/
/*высота*/
/*макс высота*/
/*порядок*/
/*поток*/
/*многострочность*/
/*сжатие*/
/*растяжение*/
/*смещение*/
/*отступы*/
/*внутренние отступы*/
/*внешние отступы*/
/*трансформ*/
/* масштаб*/
/* смещение*/
/* поворот*/
/* центр*/
/* перспектива*/
/*фон*/
/*цвет*/
/*изображение*/
/*градиент*/
/*обрезка*/
/*эффекты*/
/*яркость*/
/*контрастность*/
/*серость*/
/*сепия*/
/*тон*/
/*размытость*/
/*тень*/
/*наложение*/
/*прозрачность*/
/*граница*/
/*закругление*/
/*граница*/
/*изображение*/
/*текст*/
/*направление*/
/*выравнивание*/
/*имя шрифта*/
/*тип шрифта*/
/*курсив*/
/*жирный*/
/*размер*/
/*высота*/
/*цвет*/
/*трансформ*/
/*оформление*/
/*неперенос*/
/*переход*/
/*переход*/
/*переход*/
/*анимация*/
/*анимация*/
/*анимация*/
/*скрытый*/
/*прокрутка*/
box-shadow: /**/ 2px 2px 6px hsl(
/*от родителя*/ /*слева*/ left: /*сверху*/ top: /*пиксели*/
/*слой*/ z-index:
/*неактивный*/
/*ширина*/ width: /*пиксели*/
/*макс ширина*/ max-width: /*пиксели*/
/*высота*/ height: /*пиксели*/
/*макс высота*/ max-height: /*пиксели*/
/*строка*/ /*вдоль*/ /*начало*/ /*поперёк*/ /*растяжение*/
/*перенос*/ /*растяжение*/
/*сжатие*/ flex-shrink: 2
/*растяжение*/ flex-grow: 2
/*смещение*/ /*растяжение*/
/*внутри*/ /*слева*/ /*справа*/ /*сверху*/ /*снизу*/ /*пиксели*/
/*снаружи*/ /*слева*/ /*справа*/ /*сверху*/ /*снизу*/ /*пиксели*/
/*масштаб*/ scale(1)
/*смещение*/ /*X*/ translate3d( 0px, /*Y*/ 0px, /*Z*/ 0px) /*пиксели*/
/*поворот*/ /*X*/ rotateX(0deg) /*Y*/ rotateY(0deg) /*Z*/ rotateZ(0deg)
transform-origin: /*центр*/ /*центр*/ center /*центр*/ center
/*перспектива*/ perspective:
/*цвет*/ background-color: hsl(
/*файл*/ background-image: url(/**/ background-size: /*покрывает*/ cover background-position: /*центр*/ center /*центр*/ center background-repeat: /*X*/ /*повтор*/ repeat /*Y*/ /*повтор*/ repeat
background-image: linear-gradient( /*наверх*/ to top /*п*/
/*обрезка*/ /*содержимое*/
/*яркость*/ brightness(100%)
/*контрастность*/ contrast(100%)
/*серость*/ grayscale(100%)
/*сепия*/ sepia(100%)
/*тон*/ hue-rotate(100deg)
/*размытость*/ blur(10px)
/*тень*/ drop-shadow( 2px 2px 6px hsl( ))
/*наложение*/
/*прозрачность*/ opacity: 0.5
border-radius:
/*все*/ border: px solid hsl( /**/ /**/
border-image: url( /**/ )
/*направление*/
/*слева*/
font-family: "
/*гротеск*/
/*курсив*/
/*жирный*/
font-size: /*размер*/
line-height: /*высота*/
color: hsl(
/*абв*/
/*черта снизу*/
/*неперенос*/
/**/ /*длительность*/ /*линейность*/ /**/ /*задержка*/ /*+*/
, /**/ /*длительность*/ /*линейность*/ /**/ /*задержка*/ /*+*/
, /**/ /*длительность*/ /*линейность*/ /**/ /*задержка*/
/*длительность*/ /*линейность*/ /**/ /*шаги*/ /**/ /*задержка*/ /*повтор*/ infinite /*направление*/ /*туда*/ normal /*+*/
, /*длительность*/ /*линейность*/ /**/ /*шаги*/ /**/ /*задержка*/ /*повтор*/ infinite /*направление*/ /*туда*/ normal /*+*/
, /*длительность*/ /*линейность*/ /**/ /*шаги*/ /**/ /*задержка*/ /*повтор*/ infinite /*направление*/ /*туда*/ normal
все
высота
максимальная высота
ширина
максимальная ширина
внешние отступы
внутренние отступы
тень блока
фильтры
прозрачность
трансформации
граница
закругления границы
цвет текста
цвет фона
all
height
max height
width
max width
outer indents
inner indents
box shadow
filters
opacity
transformations
border
border radius
text color
background color
высота
максимальная высота
ширина
максимальная ширина
внешние отступы
внутренние отступы
фильтр яркость
фильтр контрастность
фильтр серость
фильтр сепия
фильтр тон
фильтр размытость
фильтр тень
прозрачность
масштаб
поворот
смещение
тень блока
границы
граница сверху
граница снизу
граница слева
граница справа
закругления границы
цвет текста
цвет фона
height
max height
width
max width
outer indents
inner indents
brightnesss filter
contrast filter
greyness filter
sepia filter
hue filter
blur filter
shadow filter
opacity
scale
rotate
translate
box shadow
border
border top
border bottom
border left
border right
border radius
text color
background color
/**/ /*пиксели*/
0%
100%
{height: px}
{width: px}
{max-height: px}
{max-width: px}
{padding: px}
{margin: px}
{filter: brightness(%)}
{filter:contrast(%)}
{filter: grayscale(%)}
{filter:sepia(%)}
{filter: hue-rotate(deg)}
{filter: blur(px)}
{opacity: }
{filter: drop-shadow( px px px hsl( ))}
{transform: scale( )}
{transform: rotate( deg)}
{transform: translate( /*x*/px, /*y*/px )}
{box-shadow: px px px hsl( )}
{border: px solid hsl()}
{border-top: px solid hsl()}
{border-bottom: px solid hsl()}
{border-left: px solid hsl()}
{border-right: px solid hsl()}
{border-radius: px}
{color: hsl()}
{background: hsl()}