efim360.ru — Мир вокруг IT Перейти к содержимому

efim360.ru

Мир вокруг IT
  • Главная
  • Транслит RuEn
  • Fetch
  • XMLHttpRequest
  • UI Events
  • DOM
    • Миксин ParentNode
    • Интерфейс Node
    • Интерфейс Document
    • Интерфейс Element
  • URI (RFC3986)
  • File API
  • Referrer Policy
  • Контакты
  • Search

efim360.ru

  • Search
  • Главная
  • Транслит RuEn
  • Fetch
  • XMLHttpRequest
  • UI Events
  • DOM
    • Миксин ParentNode
    • Интерфейс Node
    • Интерфейс Document
    • Интерфейс Element
  • URI (RFC3986)
  • File API
  • Referrer Policy
  • Контакты
Перехват отклонённого обещания методом then() - JavaScript

Работая с JavaScript или NodeJS важно понимать как себя ведут «Отклонённые Обещания». Я говорю о таких объектах Promise, где в переданной функции «Исполнитель» была вызвана функция отклонения — reject(). То есть когда ветвление алгоритма привело нас к reject(), а не к resolve(). Называть функцию «Исполнитель» мы можем как угодно (здесь […]

JavaScript | Promise rejected | Отклонённое Обещание

Переполнили стек вызовов функций рекурсией - JavaScript

Самый простой способ — это использовать рекурсивную функцию с гарантированным условием выхода через 100000 итераций. Функция вызывает сама себя. function f(x){ x > 100000 ? console.log('Готово') : f(x+1) } f(1) Мы используем «Условный Оператор» для возвращения из функции результата. Результат работы — Ошибка «RangeError: Maximum call stack size exceeded» : […]

JavaScript | Как переполнить стек вызовов функций?

Проверили символ на принадлежность к букве алфавита - JavaScript

Как проверить, является ли символ строки буквой какого-либо алфавита любого человеческого языка? В какой-то момент работы с регулярными выражениями появляются задачи по определению принадлежности символа строки к букве какого-то языка. Причём хочется анализировать любые строки, без акцента на какой-то конкретный язык. Ведь в современных публикациях в сети интернет легко можно […]

JavaScript | Проверка на символ алфавита человеческого языка

ECMAScript | Шаблон базовой многоязычной плоскости (BMP pattern)

Basic Multilingual Plane (BMP) — Базовая многоязычная плоскость. Встречается в подразделе «Pattern Semantics» у раздела «RegExp (Regular Expression) Objects«. В общем нужно знать то, что есть два вида написания шаблона регулярного выражения в JavaScript: BMP pattern Unicode pattern Примечание 2 Например, рассмотрите шаблон, выраженный в исходном тексте как один символ […]

ECMAScript | Шаблон базовой многоязычной плоскости (BMP pattern)

Знак доллара при перестановках захватов в replace - JavaScript

Знак доллара «$» в JavaScript может использоваться в разных ситуациях. Самое простое — им можно называть имена переменных.   Глобальный объект и ключ знак доллара в свойстве, объявленный через var JavaScript позволяет задавать имена переменных, используя в качестве первого символа знак доллара — «$«. В результате, если мы объявляем переменную […]

JavaScript | Что означает знак доллара?

Безопасное обращение к объекту constructor вместо оператора typeof - JavaScript

Оглавление Введение Где можно найти документацию по работе оператора typeof из JavaScript? typeof — это зарезервированное слово в JavaScript Оператор typeof и примитивные значения в JavaScript? Главная особенность работы оператора typeof в JavaScript Оператор typeof и функция в JavaScript? constructor.name вместо typeof   Введение Полезность или бесполезность оператора typeof в […]

JavaScript | Оператор typeof

Оператор сравнения с оператором typeof - JavaScript

Введение Прежде чем проверять существование имени переменной, нужно чётко понимать разницу между способами объявления этой переменной. Если говорить точнее, то нужно различать способы регистрации нового идентификатора привязки. Я говорю о таких словах как var, let, const. Учитывайте то, что только слово var является зарезервированным словом, а слова let и const не […]

JavaScript | Как проверить существование переменной?

Удалили свойство с символьным ключом - JavaScript

Оглавление Вступление к публикации Как удалить собственное свойство объекта с строковым ключом JavaScript? Как удалить собственное свойство объекта с символьным ключом JavaScript? Как удалить наследованное свойство объекта JavaScript? Какое собственное свойство объекта JavaScript нельзя удалить? Код в строгом режиме и удаление собственного свойства объекта JavaScript Как использовать логические ответы оператора […]

JavaScript | Как удалить свойство объекта?

Отцентровали блок DIV внутри другого блока DIV силами JavaScript

Как отцентровать блок DIV внутри другого DIV по вертикали и горизонтали силами JavaScript? Идея именно в том, чтобы сделать это при помощи языка программирования JavaScript, а не через HTML-разметку или CSS-разметку. Так как мы работаем с JavaScript, то нас будут интересовать объекты интерфейсов прикладного программирования, которые встроены в браузер. Они […]

JavaScript | Как выровнять HTML-элемент DIV по центру родительского блока?

Создали HTML-элемент DIV фиксированного размера силами JavaScript

Когда мы переходим на уровень языка программирования JavaScript с уровня HTML, то все манипуляции для динамического формирования разметки ложатся на знание прикладных интерфейсов программирования и их объекты (классы объектов). Многие начинающие разработчики приходят к JavaScript из обычной вёрстки HTML. Это значит, что они уже касались стандарта, который отвечает за стилевое […]

JavaScript | Как создать HTML-элемент DIV фиксированного размера в пикселях?

Функция не дошла до выполнения return из-за throw - JavaScript

Оператор return относится к операторам «внезапного завершения» функции. Это значит, что кроме return существуют другие операторы, которые могут внезапно завершить выполнение функции. Список операторов «внезапного завершения» по стандарту ECMAScript: break continue return throw Пример функции, которая завершается из-за оператора throw перед оператором return. function f_throw(){ throw(10); return 20; }; Скриншот […]

JavaScript | Как выполнение функции может не дойти до return?

Сколько временных файлов и какого общего размера было создано - PostgreSQL

SQL-команда, при помощи которой можно получить информацию о количестве созданных временных файлов, а также о их суммарном общем размере. select sum(temp_files) as temp_files, pg_size_pretty(sum(temp_bytes)) as temp_size from pg_stat_database; В результате можем получить что-то подобное:   Мы используем встроенное системное представление «pg_stat_database«. Оно содержит по одной строке со статистикой уровня базы […]

PostgreSQL | Сколько временных файлов и какого общего размера было …

PostgreSQL | Как получить следующее значение существующего идентификатора?

Какой первичный ключ таблицы является «следующим» для «текущего» в PostgreSQL? Очень часто приложения (сайты) с клиентской стороны требуют формирования страниц пагинаций или кнопок «следующая страница» / «предыдущая страница». Как правило они оформляются с адресами, в которые входит значение текущего идентификатора. Это число (первичный ключ) берётся из таблицы и просто транслируется […]

PostgreSQL | Как получить следующее значение существующего идентификатора?

800 миллионов байт в мегабайтах - PostgreSQL

В PostgreSQL для создания индекса таблицы (и её столбцов) предусмотрен оператор CREATE INDEX. Создать индекс можно как по одному столбцу, так и по нескольким. Создавая индексы по нескольким столбцам важно соблюдать последовательность столбцов. Разная последовательность столбцов в индексе, может давать разный результат по обработке запросов на выборку данных через оператор […]

PostgreSQL | Как создать индекс?

Размер индекса после перестройки существенно уменьшился - PostgreSQL

Для обновления индекса нужно точно знать его имя и имя схемы данных. Таблица может содержать большое количество индексов, как по полным столбцам, так и по их частичным значениям (по диапазонам значений в столбце). Обновление индекса по сути является его полным перестроением. Можно сказать, что мы производим две операции: Удаляем существующий […]

PostgreSQL | Как обновить индекс?

PostgreSQL | Как получить последний элемент массива?

Получение последнего элемента массива без подзапросов и переворотов — вариант для вычисляемых столбцов GENERATED ALWAYS AS STORED Пример на литеральном обозначении массива: SELECT (ARRAY[11,22,33,44])[(array_length(ARRAY[11,22,33,44], 1))]; Пример на ссылочном обозначении массива: SELECT (arr)[(array_length(arr, 1))]; Вместо «arr» нужно подставить своё выражение до массива.   SQL-запрос на переворот массива и получение первого элемента […]

PostgreSQL | Как получить последний элемент массива?

Разметка таблицы в браузере - HTML

Что нужно знать до создания HTML-таблицы силами JavaScript? Так как мы хотим создавать таблицу в браузере, то по сути у нас есть два пути к решению задачи: Либо мы пытаемся создать СТРОКУ, которая будет написана синтаксисом HTML и которая будет представлять из себя строковый вид таблицы в HTML-разметке. Либо мы […]

JavaScript | Как создать HTML-таблицу из массива?

Вывели имя вызванной функции в журнал - JavaScript

Прежде всего нужно помнить, что функции в JavaScript могут быть двух видов: Обычные функции (нормальные, которые оформляются через ключевое слово function) Стрелочные функции (с урезанными возможностями, которые оформляются в виде ()=>1) На что это влияет? В стрелочных функциях не определяются локальные привязки для arguments, super, this, or new.target.   Для получения имени функции […]

JavaScript | Как получить имя функции из тела функции при …

Как обратиться к элементу массива - JavaScript

Обращение к любому элементу массива осуществляется при помощи квадратных скобок и целочисленного значения индекса элемента. Очень часто в программировании на JavaScript нужно получать первый элемент массива или последний элемент массива. Это популярные задачи т. к. на них работает большое количество логики алгоритмов. Но как обратиться к любому элементу массива? Например, […]

JavaScript | Как обратиться к элементу массива?

Деструктуризация массива с не целочисленными ключами - JavaScript

В JavaScript можно деструктурировать не только объекты, но и массивы. Существует формат присвоения, при помощи которого можно создавать имена новых переменных так, чтобы значения в этих переменных подхватывались из значений самого массива. В данном случае последовательность будет иметь значение. Это накладывает ряд ограничений на использование деструктуризации массива. let arr = […]

JavaScript | Деструктурирование массива

Удалили все пробелы с номером 32 из строки JavaScript

У нас есть строка с пробелами, написанная на JavaScript: let str = '  оди н д  ва     т ри  '; Нам нужно удалить все возможные пробелы из этой строки, чтобы оставшиеся символы слиплись в одну последовательность. Как это сделать? Проще всего воспользоваться регулярным выражением и написать шаблон для сопоставления […]

JavaScript | Как удалить все пробелы из строки?

Деструктурировали объект на две переменные в JavaScript

Обычный вариант записи присвоения имён переменных В JavaScript существует формат присвоения, при помощи которого можно получать имена новых переменных так, чтобы значения в этих переменных подхватывались из одноимённых ключей самого объекта. В чём суть? Представим, что у нас имеется объект вида: let obj = {aa: 1, bb:2}; В обычной ситуации, […]

JavaScript | Деструктурирование объекта

Преобразовали объект с тремя ключами в массив в JavaScript

У языка JavaScript существует возможность преобразовывать разные типы данных друг в друга. Чтобы превратить объект на массив нужно обратиться к конструктору класса Object и вызвать у него метод entries(), где в качестве параметра передать интересующий нас объект. Пусть у нас будет такой объект для трансформации: let obj = {a:2.3, b:["efim","360","ru"], […]

JavaScript | Как преобразовать объект в массив?

Вернули два результата из функции в виде объекта - JavaScript

Представим себе такую задачу. Мы хотим передавать в функцию одно число. Внутри тела функции мы хотим получить: сначала результат сложения этого числа с числом 10, а потом хотим получить результат умножения этого числа на число 3. Как это сделать в JavaScript?   В чём может быть трудность возвращения нескольких результатов […]

JavaScript | Как вернуть несколько результатов из функции?

Три ситуации время вызова метода req.destroy() для объекта http запроса в NodeJS

В логах работы NodeJS приложения можно увидеть ошибки, где в качестве сообщения выступает строка «socket hang up«. Дословно на русский язык это можно перевести как «розетка повесить трубку«. Если по простому, то это означает, что мы сами остановили выполнение нашего HTTP-запроса методом destroy(). По какой причине? Причин может быть масса: […]

NodeJS | Ошибка «socket hang up»

Три оператора return и два производства - TryStatement и IfStatement - JavaScript

Прежде чем погружаться в тему публикации, давайте проясним два момента: Функция может не иметь оператор return в своём теле Функция может иметь хотя бы один оператор return в своём теле То есть, существует всего два варианта. Функция что-то возвращает в определённый момент своей работы или не возвращает.   Видео про […]

JavaScript | Функция и несколько операторов return

console.log() с шаблоном подстановки строки и приведением массива к числу

console.log() неправильно работает? Клиентский console.log() не сильно отличается от серверного. Иногда в логах можно получить неожиданные результаты: console.log('%data%', []) NaNata% Обратите внимание, мы передали два параметра в метод log(). Мы хотели вывести сначала строку, а потом массив. Но вместо вывода двух элементов мы получили одну странную строку на выходе. Что […]

NodeJS | console.log и процент в первом строковом параметре

NodeJS | Как получить IP-адрес сайта, отправляя запрос с сервера?

У нас есть NodeJS сервер, с которого мы отправляем запросы на разные сайты сети интернет. Мы получаем полезные данные и публикуем аналитику. В некоторых задачах мы хотим собирать IP-адреса, на которых располагаются ресурсы тех или иных сайтов.   Работа с системой доменных имён В NodeJS есть модуль, который отвечает за […]

NodeJS | Как получить IP-адрес сайта, отправляя запрос с сервера?

Быстро получили приблизительное количество записей таблицы в PostgreSQL через представление pg_class

Как узнать общее количество записей в какой-то таблице в PostgreSQL через агрегатную функцию count()? SELECT count(*) FROM a.t_d; Результат работы выражения: Мы используем команду SELECT, для того, чтобы получить какой-то результат. После команды мы указываем агрегатную функцию count() внутрь которой передаём символ звёздочки. Смысл функции — подсчитывать общее количество записей. […]

PostgreSQL | Сколько записей в таблице?

Функция генерации случайных слов нужной длины из набора символов - JavaScript

Есть набор символов, которые лежат в массиве: let myarr = ['а','б','в','г','д','е','ё','ж']; Нам нужно создать такую функцию при помощи JavaScript, чтобы она могла принимать этот набор символов и нужную длину слова. На выходе функция должна возвращать случайное слово.   Решение задачи Нам нужна внутренняя функция, которая будет возвращать из передаваемого массива […]

JavaScript | Как генерировать случайные слова из набора символов?

Перезаписали детей HTML-элемента div методом replaceChildren - JavaScript

Зачем переписывать детей HTML-элемента в DOM? Речь идёт о перемене мест детей между друг другом или полная их замена. У нас есть какой-то HTML-элемент на странице в браузере. У этого элемента есть несколько детей одного типа. Для простоты восприятия, представьте себе таблицу у которой есть столбцы и записи. Так вот, […]

JavaScript | Как перезаписать детей HTML-элемента?

Пример имён доменов третьего уровня, которые являются плохими

Список плохих сайтов от 2023-01-19   «Плохие» сайты это какие? Собирая адреса сайтов из интернета, первым делом сталкиваешься с неожиданными ситуациями, когда на доменах второго уровня висят десятки тысяч доменов третьего. Сначала думаешь, что информация на них чем-то отличается, но прокликав пару десятков из них, понимаешь, что контент перетасовывается в […]

Список плохих сайтов в интернете

Данные одного столбца таблицы в файле дампа PostgreSQL

Как сделать SQL-дамп данных одного столбца таблицы PostgreSQL на ПК в отдельный файл? У нас есть таблица с несколькими столбцами и несколькими записями. Мы хотим сохранить на компьютер данные только из одного столбца этой таблицы, чтобы у нас получился файл с расширением «.sql«. Этот файл нам нужен для хранения наиболее […]

PostgreSQL | Как сохранить данные одного столбца таблицы на ПК?

Ограничение в 100 соединений к PostgreSQL

Если не выполняются команды из редактора в веб-интерфейсе pgAdmin 4, то вероятнее всего исчерпаны все свободные подключения клиентов для СУБД PostgreSQL.   Куда смотреть? В первую очередь нужно заглянуть на главную панель pgAdmin 4 у нужной базы данных. Раскрываем слева меню напротив нужного сервера. Выбираем нужную базу данных по имени. […]

pgAdmin 4 | Не выполняются команды из редактора кода в …

Круглые скобки в классе символа RegExp можно не экранировать - JavaScript

У нас есть строка: let str = `йц3уке рпар фыв3йцу иа яы1у й1ыс ыв4 аватц` Мы хотим удалить из этой строки символы «й«, «3» и «ц«. Как это сделать?   Удаление определённых символов строки через регулярное выражение в JavaScript Мы можем литерально записать наше регулярное выражение и передать его в […]

JavaScript | Как удалить определённые символы из строки?

Цикл уровня 3 в теле функции - JavaScript

Работая с данными, в какой-то момент понимаешь, что не всё можно представить в виде линейной информации. Например, если мы говорим о текстах, то это обычные строки JavaScript. Что я имею ввиду? Смысл строк в том, что есть какой-то символ(или символы) и есть какая-то определённая последовательность этих символов. По сути, это […]

JavaScript | Цикл в цикле

Сделали отступ от края холста чтобы круг не прилипал к стенкам изображения - JavaScript

По стандарту HTML мы знаем, что в браузере можно рисовать любую графику. За это рисование отвечает HTML-элемент canvas. Для манипулирования с пикселями, текстами, линиями и путями мы используем JavaScript. Холст canvas представляет собой некоторое пиксельное пространство на котором размещаются «контексты рисования». По сути все изображения состоят из разных «контекстов рисования». […]

JavaScript | Как нарисовать круг на холсте canvas?

Повернули массив из массивов на 90 градусов в право - JavaScript

Что такое массив из массивов? Если смотреть на задачу со стороны визуализации, то массив из массивов представляет собой таблицу со столбцами и записями. Поэтому когда мы хотим перевернуть массив из массивов на девяносто градусов, то фактически мы хотим наклонить таблицу в правую или левую сторону — повернуть по часовой стрелке […]

JavaScript | Как перевернуть массив из массивов на 90 градусов?

Нарисовали красную диагональную линию на холсте canvas в JavaScript

Мы работаем с HTML-страницей в браузере и хотели бы в HTML-элементе «canvas» нарисовать красную линию, которая расположена диагонально относительно самого блока холста. Как это сделать? Для создания объектов мы используем язык JavaScript и интерфейсы объектной модели документа DOM.   Пример HTML-файла с JavaScript кодом, который рисует красную диагональную линию на […]

JavaScript | Как нарисовать красную диагональную линию на холсте canvas?

Нашли одинаковые строки, которые есть в обоих массивах JavaScript

Как найти пересечение между двумя массивами JavaScript? У нас есть два массива с уникальными наборами чисел: let arr1 = [1,2,3,4,5,6]; let arr2 = [4,5,6,7,8,9]; В каждом массиве число встречается ровно 1 раз. Мы хотим получить такие числа, которые есть и в первом массиве и во втором. Как это сделать?   […]

JavaScript | Как найти одинаковые числа в двух массивах?

Свойства экземпляров функциональных объектов по стандарту ECMAScript

Как вызывать функцию, в теле которой есть ключевое слово this, в контексте какого-то объекта? Обычно функции, которые используют ключевое слово this можно встретить при создании класса в JavaScript. Это распространённая практика. При описании класса просто невозможно не использовать this. Классы для того и создают, чтобы из них рождались какие-то объекты. […]

JavaScript | Как привязать объект контекста вызова функции?

Обрезать начала строк онлайн

Введите то, что хотите отрезать спереди у списка строк Введите список строк в которых нужно отрезать от начала Итоговый результат обрезания строк Как удалить лишние символы из начал строк онлайн? В самое верхнее поле скопируй то, что тебе нужно отрезать от начал всех строк. В среднее поле скопируй то, что […]

Обрезать начала строк онлайн

Получили разрешение экрана в котором открыт браузер - JavaScript

Когда мы говорим о HTML в контексте JavaScript, то подразумеваем объекты, которые описывают HTML-элементы. Такое описание называется объектной моделью документа — DOM (Document Object Model). Когда мы говорим о CSS в контексте JavaScript, то подразумеваем объекты, которые описывают CSS-таблицы. Такое описание называется объектной моделью каскадных таблиц стилей — CSSOM (Cascading […]

JavaScript | Как получить разрешение экрана (монитора) в браузере?

Добавили линий строки в увеличенную текстовую область textarea для получения нормального скролла

У нас есть простой документ со скриптом, в котором мы создали HTML-элемент textarea силами JavaScript:     <script>         let te = document.createElement(‘textarea’);         te.setAttribute(‘id’, ‘te’);         let h1 = document.getElementsByTagName(‘h1’)[0];         h1.after(te);     </script>   Созданный […]

JavaScript | Как изменить количество отображаемых строк(рядов) в HTML-элементе textarea?

HTML | Элемент textarea

Атрибуты содержимого Элемент может иметь все глобальные атрибуты. Элемент может иметь собственные атрибуты: autocomplete — Подсказка для функции автозаполнения формы cols — Максимальное количество символов в строке dirname — Имя элемента управления формы, используемого для отправки направления элемента при отправке формы disabled — Отключено ли управление формой form — Связывает […]

HTML | Элемент textarea

Создали HTML-элемент textarea - JavaScript

Скрипт создания HTML-элемента textarea и добавление его в текущий документ после заголовка h1     <script>         let te = document.createElement(‘textarea’);         te.setAttribute(‘id’, ‘te’);         let h1 = document.getElementsByTagName(‘h1’)[0];         h1.after(te);     </script>   Сначала мы обращаемся […]

JavaScript | Как создать HTML-элемент textarea?

Проверили два объекта на пустоту в JavaScript

Есть два объекта: let obj1 = {a:1}; let obj2 = {}; Мы хотим проверить эти объекты на пустоту. Как это сделать?   Как проверить, что объект пустой и у него нет свойств? Под словом «пустой» мы подразумеваем такой объект, в котором нет ключей и значений — то есть нет свойств. […]

JavaScript | Как проверить объект на пустоту?

HTML | Оглавление

2.6.2.1 Интерфейс HTMLAllCollection   3.1.4 Отчёт о статусе загрузки документа   4.8.5 Элемент iframe 4.10.11 Элемент textarea   4.12.5 Элемент canvas 4.12.5.1.1 Замечания по реализации 4.12.5.1.2 Состояние холста 4.12.5.1.3 Стили линий 4.12.5.1.4 Стили текста 4.12.5.1.5 Строительные пути 4.12.5.1.11 Нанесение текста на растровое изображение 4.12.5.1.15 Манипуляции с пикселями 4.12.5.1.17 Сглаживание изображения […]

HTML | Оглавление

JavaScript | Событие DOMContentLoaded

Когда браузер получает строку с HTML-разметкой с сервера, тогда он пытается построить объектную модель документа — «DOM«. Нетрудно догадаться, что этот процесс будет занимать некоторое время. Чем больше HTML-разметка и чем глубже вложенность HTML-элементов друг в друга, тем дольше браузер будет строить объект DOM-документа. На задержку также влияет количество подключаемых скриптов […]

JavaScript | Событие DOMContentLoaded

Узнали длину строки - JavaScript

Экземпляры String — это экзотические объекты String, для которых заданы внутренние методы. Экземпляры String наследуют свойства от объекта-прототипа String. У экземпляров String также есть внутренний слот [[StringData]]. Экземпляры String имеют свойство «length» и набор перечислимых свойств с именами, индексируемыми целыми числами.   Получение длины строки в JavaScript Так как в […]

JavaScript | Как узнать длину строки?

Навигация по записям

    • 1
    • 2
    • …
    • 36
  • Предыдущие записи Предыдущие записи

© 2023 efim360.ru – Все права защищены

Работает на WP – Разработан в Тема Customizr