Как стать классным джуном. План действий, который поможет быстро расти

Привет! Меня зовут Максим Мох, и я Project and Business Development Manager в Luxoft. В своей жизни каждый проходит этап «джуниорства» хотя бы несколько раз. Я не исключение. Был джуниором большое количество раз в разных сферах деятельности. Но в IT — больше всего.

Продовжити читання “Как стать классным джуном. План действий, который поможет быстро расти”

​Babel. Как заставить код работать в старых браузерах?

Когда мы используем современные возможности JavaScript, некоторые движки могут не поддерживать их. Как было сказано выше, не везде реализованы все функции.

Продовжити читання “​Babel. Как заставить код работать в старых браузерах?”

matchMedia() Как использовать media выражения в JS?

Чтобы определить, соответствует ли документ строке медиа-запроса в JavaScript, мы используем метод matchMedia().


Несмотря на то, что он официально является частью спецификации модуля представления объектной модели CSS, находящейся в статусе рабочего проекта, его поддержка браузером великолепна начиная с Internet Explorer 10 с глобальным охватом 98,6%.

Продовжити читання “matchMedia() Как использовать media выражения в JS?”

​Обработка ошибок, “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