Главная » Frontend (Page 3)

Frontend

Как на javascript перевести цвет RGB в HEX и обратно?

Во фронтенде иногда возникает необходимость конвертации цвета между форматами RGB/RGBA и HEX. HEX — это сокращение от слова «hexadecimal», которое переводится на русский язык, как «шестнадцатеричный». Число в этом формате может занимать 16 бит (2 байта) памяти и записывается с помощью … Читать далее →

Тестовое задание: выпадающее меню на чистом javascript

Два-три года назад откликнулся на вакансию фронтенд-разработчика контентных проектов в Mail.ru Group. В ответ стандартно получил просьбу выполнить тестовое задание. К сожалению, моего уровня оказалось недостаточно и мне пришёл отказ. Хочу поделиться тестовым заданием и своим кодом, который был написан … Читать далее →

Как написать ипотечный калькулятор на javascript?

При разработке сайта строительной компании часто возникает необходимость помимо выбора квартиры дать возможность клиенту воспользоваться ипотечным или кредитным калькулятором. С помощью него чаще всего предлагается посчитать один из двух вариантов: Сколько времени клиенту придётся выплачивать ипотечный кредит при известных стоимости … Читать далее →

Ипотечный калькулятор на JS
Как узнать откуда пришли на сайт: Яндекс поиск, Гугл поиск, Директ, Адвордс?

Если вы являетесь владельцем сайта, то вы можете получать трафик из поисковых систем (yandex, google) и с контекстных площадок (direct, adwords). Иногда требуется в зависимости от источника трафика показывать определенные данные на сайте или учитывать источник в собственной системе аналитики. … Читать далее →

Баг: кривой рендеринг Firefox блоков со skew-трансформацией

Сегодня столкнулся с багом в Firefox (на момент написания заметки актуальная версия 51.0.1), связанный с отрисовкой блоков, для которых применены css-свойства skew-трансформации: .skew { background: #008478; transform: skewX(-38.8deg); width: 50%; height: 100vh; } Все остальные браузеры, включая Edge, рендерят данный … Читать далее →

firefox-skew
Как с помощью Javascript/Jquery установить фокус на произвольный элемент?

Установить js фокус на элемент достаточно просто: document.getElementById(‘element’).focus(); Установить focus на блок с id=element с помощью Jquery: $(‘#element’).focus(); Почему не работает jquery focus? Важно помнить, атрибут tabindex=»-1″ позволяет произвольному блоку получить focus через Javascript.

js-focus
Количество элементов (jquery). Как получить?

Для получения количества элементов Jquery существует две функции size() и length(). Обе функции используются для подсчета выбранных элементов через jquery селектор. Приведем пример использования. Пусть у нас есть набор ссылок внутри параграфа: <p class=»b-paragrath»> <a href=»#»>Ссылка 1</a> <a href=»#»>Ссылка 2</a> … Читать далее →

Как реализовать клик после ajax jquery?

В jquery есть функция click(), которая позволяет реализовать клик после ajax jquery и на любое другое событие. Допустим у нас есть какой-то элемент в теле html-документа с классом «b-link» и нам нужно инициировать нажатие на этот элемент после выполнения некоторого ajax … Читать далее →

Клик после ajax jquery
Поворот объектов вокруг глобальных и локальных осей в Three.js

Практически любое приложение на Three.js не обходится без необходимости повернуть тот или иной объект на произвольный угол вокруг собственной оси, либо вокруг глобальных осей сцены. Первая задача — вращение объекта вокруг локальных осей координат — решается достаточно просто. В большинстве … Читать далее →

povorot-obektov-three-js
Почему возникают артефакты при рендере сцены в Three.js?

Если при работе с Three.js вы столкнулись с различного рода артефактами, например, отображением частей объектов, которых видно быть не должно, появлением произвольных черных пятен или исчезанием/обрезанием частей объектов и т.д., то предлагаем несколько советов, как решить данную проблему. Причины появления … Читать далее →

Three.js: артефакты и глубина z-буфера при рендере сцены
×
Новости и обзор новинок рынка строительной техники.
Подпишитесь на обновления нашей группы!