​Обработка ошибок, “try..catch”

Обычно скрипт в случае ошибки «падает» (сразу же останавливается), с выводом ошибки в консоль.


Но есть синтаксическая конструкция try..catch, которая позволяет «ловить» ошибки и вместо падения делать что-то более осмысленное.

Продовжити читання “​Обработка ошибок, “try..catch””

CSS line-clamp

Cвойство line clamp усекает текст до определенного количества строк.
Синтаксис
.module {
line-clamp: [none | integer];
}

В текущем варианте спецификации line-clamp принимает следующие значения:
1. none: не устанавливает максимальное количество строк, и в результате усечение не происходит.
2. integer: устанавливает максимальное количество строк перед усечением контента, а затем отображает многоточие (…) в конце последней строки.

Эй, а не могу я сделать это с помощью text-overflow?
text-overflow действительно имеет значение ellipsis, которое будет обрезать текст:
.truncate {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
Но text-overflow обрежет текст только в первой строке, а если вам нужно вывести две или более, можно использовать line-clamp

​CSS переменные.

CSS-переменные — это значения, которые объявляют в CSS, преследуя две цели. Первая — это многократное использование таких значений. Вторая — это сокращение объёмов CSS-кода.

Продовжити читання “​CSS переменные.”

​Nullish Coalescing(оператор нулевого слияния) в JavaScript

Оператор нулевого слияния “??” является нововведением в ES2020, которое представляет собой укороченную оценку логического выражения, отдающее правый операнд в случае, если левый операнд является null или undefined, если же нет, то тогда он отдаст левый операнд.

Продовжити читання “​Nullish Coalescing(оператор нулевого слияния) в JavaScript”

Какие значения можно задать CSS переменной?

CSS переменные это сущности,, хранящие конкретные значения, которые можно повторно использовать в документе.

Продовжити читання “Какие значения можно задать CSS переменной?”

DOM Объект

Каждый узел этого дерева – это объект.

Теги являются узлами-элементами (или просто элементами). Они образуют структуру дерева: <html> – это корневой узел, <head> и <body> его дочерние узлы и т.д.

Продовжити читання “DOM Объект”