Sergey — Блого-дарю

Вопросы на собеседовании на middle frontend-разработчика в 2022 году

07.05.2022 / Leave a Comment

Проходя собеседования в этом году на позицию middle frontend-разработчик, я решил собрать вопросы, которые сейчас задают наши с вами коллеги. 0️⃣ Что выведет консоль?

console.log(1);
setTimeout(() => console.log(2), 1000);
setTimeout(() => console.log(3), 500);
console.log(4);

console.log(1);

setTimeout(() => console.log(2), 1000);

setTimeout(() => console.log(3), 500);

console.log(4);

1️⃣ Что выведет консоль?

console.log(0.1 + 0.2 == 0.3)

1	console.log(0.1 + 0.2 == 0.3)

2️⃣ Классы, наследование, доступ к родительскому классу через super(); 3️⃣ Что такое new? 4️⃣ Что такое замыкание? 5️⃣ Рассказать про контекст this; 6️⃣ Что выведет … подробнее

Как исключить node modules в конфигах webpack, но оставить несколько для транспиляции babel’ом

22.02.2021 / 2 комментария

Если вы хотите транспилировать javascript-файлы проекта с помощью Babel и webpack — вам потребуется babel-loader, но это и без меня вам известно, но что если некоторые пакеты из исключенных node_modules вы все же хотите скормить транспилятору…? Относительно недавно в работе я столкнулся с такой проблемой: на сборке проекта в dependencies попали модули, юзающие пакеты, которые IE … подробнее

Отзыв о том, как я учился в ИТМО (design.ifmo.ru) на «Frontend-разработчика»

25.05.2020 / 2 комментария

К слову сказать, я много на каких курсах побывал (LoftSchool, HTML-академия, GeekBrains, Дмитрий Лаврик, Нетология, уч. центр «Статус», подкасты и каналы на YouTube и т.д.) и, думаю, имею более-менее достаточное представление о рынке образовательных услуг в Веб-индустрии, потому надеюсь, что мой отзыв будет достаточно объективным. Итак… В первую очередь меня завлекли 4 важных момента: 0️⃣ … подробнее

Как очистить кэш браузера пользователя? Не обновляется CSS после изменений на сайте.

26.10.2019 / Leave a Comment

Очень часто при работе с клиентскими сайтами на различных CMS меня раздражала одна проблема — после изменений в верстке (а именно CSS) мне приходилось просить клиентов обновить кеш браузера. Это очень не правильно и на каждое изменение писать пользователю «почисти кеш» — предельно не удобно для всех. Для решения данной проблемы существует не один способ. … подробнее

Как перенести inline элемент на другую строку

27.03.2019 / 1 Comment

Совсем не частый случай, тем не менее я с ним столкнулся и потратил определенное время на то, чтобы перенести inline элемент на другую строку. Кейс заключался в том, чтобы элементы списка, выстроенные в строку (горизонтальная менюшка), расположить в три строки: Разные варианты пробовал, но получилось следующим образом:

li:nth-child(4):after { 
  content: '\A'; 
  white-space: pre;
}

li:nth-child(4):after {

content: '\A';

white-space: pre;

}

Потыкать пример можно ниже 🙂

WordPress wp-admin 503 Service Temporarily Unavailable

25.03.2019 / Leave a Comment

Столкнулся сейчас с проблемой на одном из ранее обслуживаемых сайтов, связанной с входом в админку WordPress. Страница авторизации wp-admin отображается, а вот на проходе авторизации, либо при клике на «забыли пароль» и прочих манипуляция сайт моментально выдавал 503 Service Temporarily Unavailable Ввиду того, что системный администратор из меня так себе (впрочем, как и бэкендщик), то начал … подробнее

Vue.js не выводится контент router-view в production mode

10.11.2018 / Leave a Comment

В dev режиме контент выводится без проблем, но на билде в месте вывода контента <router-view></router-view> появляется только блок с пустым комментарием <!—->. Проблема в том, что файл открывается в браузере через file:///: Некоторые API браузера работают только при открытии файла через http://…. Таким образом, если убрать в файле routes.js history mode или поменять на hash … подробнее

Vue router: router-link не поддерживает v-on:click

30.08.2018 / 1 Comment

При написание небольшого проекта на VueJS столкнулся с проблемой при настройке роутинга на кнопках, а именно при подвешивании события:

<router-link to="path/to" @click="someFunction">

1	<router-link to="path/to" @click="someFunction">

— роутинг отрабатывал, но никакого запланированного события не происходило. На сколько я понял, директива v-on работает только с нативными HTML-элементами, т.к. это браузерное событие, а не событие Vue. Одним из выходом из этой ситуации может … подробнее

ToDo лист на LocalStorage и jQuery с возможностью редактирования задач

23.05.2018 / 2 комментария

Здравствуйте, коллеги. Чуть ниже представлен алгоритм написания ToDo листа на jQuery с использованием локального хранилища LocalStorage + возможность редактирования и удаления каждой отдельной задачи из списка. В результате получиться должно следующее — демо. За код прошу строго не судить, т.к. в JS я только начинаю. Однако дельным советам я буду только рад. Поехали. Для начала … подробнее

Превышение нагрузки на процессор (сервер хостинга) аккаунтом

28.04.2018 / 4 комментария

Сразу предупрежу, что далее я описываю конкретное (одно) решение снятия нагрузки на сервер. Оно может как помочь, так и быть бесполезным в вашем случае… Получил недавно письмо от своего хостинг-провайдера о том, что мой аккаунт генерирует нагрузку на сервер. В админке аккаунта было следующее: И вряд ли мои сайты стали за пару дней такими популярными. Бонусом … подробнее

Блого-дарю

Записки человека интересующегося

Author: Sergey