Сегодня не про задачки, а про трюки в JS. Пример, как можно сократить запись Math.ceil и Math.floor. Не то, чтобы это круто, но в чужом коде, особенно в NPM пакетах такое может встречаться. Чтобы это не вызывало вопросов и не было ощущения что тут какая-то магия(а тут нет никакой магии, просто нужно знать как работают операторы). Где-то такой код генерится “машиной”, всякими обфускаторами и минификаторами. А где-то люди сами пишут такой код.
https://medium.com/@frontman/math-ceil-math-floor-2697a224190
https://medium.com/@frontman/math-ceil-math-floor-2697a224190
Medium
Math.ceil & Math.floor
Tips & Tricks in JS
В Chrome 65 появилась возможность менять значения стилей в DevTools без с брасывания при перезагрузке. Называется фича Local Overrides
https://developers.google.com/web/updates/2018/01/devtools#overrides
https://developers.google.com/web/updates/2018/01/devtools#overrides
Chrome for Developers
What's New In DevTools (Chrome 65) | Blog | Chrome for Developers
Local Overrides, accessibility tools, performance and SEO audits, and more.
Тут нам поможет Крис Койер и его ресурс со списокм сервисов и объяснением концепции — https://thepowerofserverless.info/
Начиная с июля 2018 года пользователи Chrome будут получать предупреждения о небезопасности посещения сайтов по протоколу HTTP.
Если вы еще не используете защищенное соединение HTTPS и HTTP/2, то советую научиться делать это сейчас. Умение работать с HTTPS и что такое HTTP/2 уже спрашивают даже на собеседованиях.
Как легко и без SMS получить и настроить HTTPS? Либо заюзать LE и сборку докер контейнера с автовыпиской сертификатов, либо вовсе все это отдать на откуп Cloudflare, который просто маленький Amazon для маленьких энтерпрайзов.
https://goo.gl/onade7
Если вы еще не используете защищенное соединение HTTPS и HTTP/2, то советую научиться делать это сейчас. Умение работать с HTTPS и что такое HTTP/2 уже спрашивают даже на собеседованиях.
Как легко и без SMS получить и настроить HTTPS? Либо заюзать LE и сборку докер контейнера с автовыпиской сертификатов, либо вовсе все это отдать на откуп Cloudflare, который просто маленький Amazon для маленьких энтерпрайзов.
https://goo.gl/onade7
Medium
Как легко и без SMS получить и настроить HTTPS / HTTP/2
Каждый web-разработчик в 2018 году уже должен уметь и знать
Сегодня пара слов про работу с массивами в JS. В целом работа с массивами (aka списками) в JavaScript — это большая тема. Данный пост навеян недавним собеседованием. Вопрос простой: Как получить значение последнего элемента массива?
Забегая вперед, могу сказать что один из способов, который я использую в работе, выглядит так:
const [last] = arr.slice(-1)
https://goo.gl/UZokp7
Забегая вперед, могу сказать что один из способов, который я использую в работе, выглядит так:
const [last] = arr.slice(-1)
https://goo.gl/UZokp7
Medium
Найти крайнего в списке
Last in list. Hacks and tricks with Array in JS
Небольшая заметка о том, как я сочетанием CSS свойтсв Zoom и Scale добился плавных контуров и пофиксил анимацию.
https://medium.com/@frontman/css-zoom-scale-2a07ffc1bcb4
https://medium.com/@frontman/css-zoom-scale-2a07ffc1bcb4
Medium
CSS: zoom + scale
Сглаживание объектов анимации при масштабировании
