Как стать автором
Обновить
46
0
Андрей @Houston

Пользователь

Отправить сообщение

React: слоты как у сына маминой подруги

Время на прочтение4 мин
Количество просмотров18K

При композиции компонентов очень часто возникает задача точечной кастомизации содержимого какого-либо компонента. Например, у нас есть компонент DatePicker, и в разных частях веб-приложения нам нужно отображать разные кнопки "Применить".

Для решения подобных задач в каждой популярной технологии сегодня применяется концепция "слотов". У Angular есть ngContent, во Vue, Svelte и WebComponents есть слоты.

А как же React?
Всего голосов 18: ↑14 и ↓4+10
Комментарии13

Обзор электрического самоката EcoReco M3 E-Scooter

Время на прочтение4 мин
Количество просмотров24K
Самокат M3

Когда я сказал моим колегам что я получил M3 для обзора, они с завистью бросились вниз в гараж, чтобы посмотреть на это чудо техники. Но я говорил не о легендарной спортивной машине выходного дня BMW M3, а о EcoReco M3, электрическом самокате. В отличие от «Бумера», самокат M3 приводится в движение электричеством, он складывается для удобного хранения и разгоняется всего до 32 км/ч.
Читать дальше →
Всего голосов 12: ↑8 и ↓4+4
Комментарии15

С большой силой приходит и большая ответственность — техника безопасности в AngularJS

Время на прочтение3 мин
Количество просмотров19K
image

Несомненно, ангуляр даёт вам силу. Но пользоваться ей нужно с умом. Я постарался сформулировать три простых правила, которые я много раз нарушал и страдал от этого.
Читать дальше →
Всего голосов 28: ↑18 и ↓10+8
Комментарии22

Наследование HTML файлов в xslt-стиле

Время на прочтение3 мин
Количество просмотров5.1K

Проблема


Однажды, в ходе переписывания большого проекта, возникла необходимость улучшить механизм кастомизации html шаблонов под разные версии нашего web-приложения. В старой версии кастомизация выглядела подобным образом:

{{if app.version==versions.main}}
<!--один html код-->
{{else if app.version==versions.custom1}}
<!--другой html код-->
{{else if app.version==versions.custom2}}
<!--и ещё html код-->
{{endif}}

И подобной лапшой был пронизан весь проект. Такой код сложно поддерживать и изменять, при активном использовании шаблоны превращаются в непонятную кашу, где бизнес логика отображения отдельных блоков переплетается с кастомизацией под разные версии.

Привыкнув к удобным методам управления версиями приложения с помощью инъекции зависимостей, когда в зависимости от версии используются разные реализации интерфейсов, я решил изобрести свой велосипед для XSLT-подобного управления версиями html файлов: grunt-html-inheritance. Он позволяет подменять кусочки базового html-файла с помощью маленьких патчей.
Как этим пользоваться?
Всего голосов 18: ↑14 и ↓4+10
Комментарии2

Доступ к JavaScript веб-страницы из расширения для Chrome

Время на прочтение2 мин
Количество просмотров24K
Как известно, расширения для браузера Chrome работают каждое в своей песочнице. Для внедрения в веб-страницу существует механизм content script-ов, когда javascript код внедряется в страницу, и имеет доступ к DOM дереву. Этот механизм позволяет работать с контентом страницы, изменять внешний вид, запускать произвольный JS, обмениваться данными с фоновым процессом расширения.

Но одну вещь механизм content script не позволяет делать — получать доступ к javascript-окружению веб-страницы.

Читать дальше →
Всего голосов 5: ↑4 и ↓1+3
Комментарии15

А вы оплачиваете с помощью СМС?

Время на прочтение1 мин
Количество просмотров18K
У меня сложилось впечатление, что платными СМС пользуются только интернет-мошенники, и это дискредитировало данный способ оплаты.
Всего голосов 52: ↑35 и ↓17+18
Комментарии71

Расширение timeStats — на что вы тратите время в интернете

Время на прочтение2 мин
Количество просмотров23K
Всплывающее окно


Как показывает реакция хабрапублики на топик «Старт „Motivate Clock: “Не думай о секундах свысока”“, учёт потраченного времени интересует многих. Поэтому я хочу познакомить вас со своим проектом — расширением „timeStats“ для браузера Chrome. С его помощью вы всегда будете знать, сколько времени уходит на различные сайты.

Скачать расширение можно тут.

Читать дальше →
Всего голосов 104: ↑102 и ↓2+100
Комментарии122

Колпачок — стилус для ёмкостных экранов

Время на прочтение1 мин
Количество просмотров54K


Как известно, ёмкостные сенсорные экраны используют тот факт, что предметы большой ёмкости (в том числе и мы с вами) проводят переменный ток. А значит, чтобы заставить работать стилус, нужно, чтобы кончик стилуса был электрически соединён с телом.
Читать дальше →
Всего голосов 78: ↑68 и ↓10+58
Комментарии63

Информация

В рейтинге
Не участвует
Откуда
Санкт-Петербург, Санкт-Петербург и область, Россия
Дата рождения
Зарегистрирован
Активность