Pull to refresh
35
2.6

Software engineer

Vue-faq.org — FAQ о фронтенде в целом и Vue в частности

Level of difficulty Medium
Reading time 3 min
Views 3.7K

https://vue-faq.org - попытка охватить наиболее часто задаваемые в профильных чатах и конференциях вопросы о фронтенде в целом и Vue.js фреймворке в частности.

Читать далее
Total votes 6: ↑4 and ↓2 +2
Comments 5

Написание Vite плагина

Reading time 4 min
Views 2.4K
Tutorial

Сборщик Vite предоставляет не только хороший функционал, но и удобный API для создания плагинов, позволяющих кастомизировать его практически под любую задачу. То есть, плагины можно писать не только для публикации их в npmjs.com репозитории, но и для автоматизации исключительно своих задач.

Сложность написания плагина сравнима со сложностью написания сценария для Gulp или GitHub Actions. Для примера напишем плагин, который будет вставлять фрагменты кода в файл index.html. В зависимости от проекта в данный файл необходимо помещать код Google Analytics, метатэги Open Graph и Twitter, подключение Service worker-a, виджета чата поддержки, сплэш скрин и многое другое. В результате index.html становится очень большим и ориентироваться в нем и блоках кода довольно сложно.

Наш плагин позволить держать фрагменты кода в отдельных файлах, а при сборке все будет помещаться в index.html. Причем это будет происходить не только при непосредственно сборке ( npm build ), но и при запуске Vite dev сервера с поддержкой HRM (Hot Module Replacement).

Читать далее
Total votes 5: ↑5 and ↓0 +5
Comments 5

Сравнение тяжеловесности популярных библиотек UI компонент для Vue 3

Level of difficulty Easy
Reading time 3 min
Views 5.4K
Analytics

Библиотеки UI компонент популярны и удобны в некоторых случаях, но у них тоже есть обратные стороны. Одно дело, когда делаешь админку и используешь десятки компонент, другое - когда тебе надо всего пару компонент.

Было проведено исследование - взяты три HTML элемента: Button, Input и Select, и проверено, насколько увеличатся js и css бандлы если использовать для них одну из 10 распространенных UI библиотек для Vue 3.

Читать далее
Total votes 8: ↑8 and ↓0 +8
Comments 7

Детокс для i18n

Level of difficulty Medium
Reading time 4 min
Views 4.8K
Tutorial

NPM библиотека для интернационализации и локализации i18n очень популярна, однако за последние годы она сильно располнела. В ней много возможностей для локализации дат, чисел, установки нужных склонений, поддержки RTL языков, загрузки локалей с сервера и кучи еще чего. На сайте i18next она называется уже даже "интернационализационным фреймворком".

В то же время часто для локализации сайта нужны очень простые вещи, занимающие всего пару процентов от всего функционала тяжеловеса i18n. Ниже будет описана несложная процедура избавления от i18next-ной зависимости в данном случае.

Читать далее
Total votes 9: ↑8 and ↓1 +7
Comments 11

Работа с i18n — автоматизация Google Translate и другие полезные советы

Level of difficulty Medium
Reading time 2 min
Views 4.2K

NPM-пакет для интернационализации i18n используется на фронтэнде для создания мультиязычных вебсайтов очень часто. Перевод текста в нем содержится обычно в json или в js файлах, и требует дальнейшей обработки, чтобы с ним с комфортом могли работать контент-редакторы. В статье описывается как максимально упростить и сделать удобным хранение и внесение изменений в перевод.

Читать далее
Total votes 4: ↑4 and ↓0 +4
Comments 6

Популяризация JSON-RPC (часть 2)

Reading time 7 min
Views 4.2K

Продолжим строить подобие JSON-RPC сервера, начатого в части 1 и анализировать его плюсы и минусы. В прошлой статье был описан механизм отделения бизнес логики бэкенда от транспортного протокола (HTTP) через шаблон проектирования "Front Controller", роль которого исполняет в нашем случае JsonRpcController.

Бэкенд API до передачи запроса в код, отвечающий за бизнес логику, обычно предоставляет частичный функционал API шлюза (API gateway) - он может делать аутентификацию, авторизацию, роутинг, валидацию данных, логгирование, кэширование, обеспечивать меры безопасности и другое.

Читать далее
Total votes 6: ↑6 and ↓0 +6
Comments 3

Популяризация JSON-RPC (часть 1)

Reading time 8 min
Views 13K

Для передачи данных по сети есть хорошо зарекомендовавшие себя стандарты - например, SOAP, gRPC, AMQP, REST, GraphQL.

При создании вебсайтов малой, средней и большой сложности с потоками данных к бэкенду и обратно в JSON формате обычно используются последние два с их вариантами. Верней, только варианты, потому что REST и GraphQL - ресурсо-ориентированные стандарты. Это как бы просто перенос элементарной работы с базой данных на клиента (хотя под "ресурсом" может пониматься и абстракция). Обычно таких запросов не больше трети от всего бэкенд API.

Попытка сделать весь API максимально RESTful страшно раздувает код и грузит сеть. Потому что остальные две трети запросов - в форме команд на бэкенд проделать какие-то действия, слабо отображающиеся на CRUD над некими ресурсами. И вариантов послать такие запросы достаточно много. Даже, чересчур.

Читать далее
Total votes 19: ↑12 and ↓7 +5
Comments 34

Utilitarian blockchain. 1. Assets

Reading time 8 min
Views 1.3K
image

In the modern world, the term " **blockchain** " is steadily associated with cryptocurrencies, NFTs, mining, trading and financial pyramids. However, even among programmers and IT people there is not always a clear understanding of what it is and what it is for.

This article attempts to look at this still relatively new element of the information and human space in practical and slightly philosophical aspects.

> **Disclaimer**: The article will use simple language to explain non-trivial concepts, so non-critical distortion of technical details is possible.
Read more →
Rating 0
Comments 0

Утилитарный блокчейн. 1. Ценности

Reading time 8 min
Views 3.1K

image


В современном мире термин "блокчейн" устойчиво ассоциируется с криптовалютами, NFT-токенами, майнингом, инвестициями и финансовыми пирамидами. Однако даже среди программистов и айтишников не всегда есть отчетливое понимание что это и для чего оно.


Данная статья предпринимает попытку взглянуть на этот еще относительно новый элемент информационного и жизненного пространства в практическом и немного философском аспектах.

Читать дальше →
Total votes 3: ↑2 and ↓1 +1
Comments 20

Как сделать sportsbook

Reading time 10 min
Views 5.3K

Я некоторое время разрабатывал спортсбуки, а также их врагов (парсеры, сканеры, боты для ставок) и решил поделиться опытом.

Данная статья не затрагивает нравственные аспекты данного вида бизнеса, а выполняет исключительно информационную роль.

Спортсбуки должны использоваться только легально.

Читать далее
Total votes 14: ↑13 and ↓1 +12
Comments 13

Эффективная среда для подготовки к сертификационному экзамену

Reading time 3 min
Views 2.3K


Во время "самоизоляции" подумалось получить пару сертификатов. Посмотрел на одну из сертификаций AWS. Материала для подготовки очень много — видео, спецификации, how-to. Очень времязатратно. Но ведь самое эффективное при сдаче экзаменов, основанных на тестах — просто решать экзаменационные или похожие на них вопросы.


Поиск навел на несколько источников, предлагающих такую услугу, но все они оказались неудобные. Захотелось написать свою систему — удобную и эффективную. Об этом и ниже.

Читать дальше →
Total votes 6: ↑5 and ↓1 +4
Comments 0

Как зарабатывать на фотографиях

Reading time 12 min
Views 48K


Данная статья является логическим продолжением этой статьи на Хабре о выдаче регистратором Р01 моих персональных данных третьему лицу. Пришлось дожидаться, пока закончатся суды (частично), чтобы описать, кому было интересно запросить мои персональные данные у доменного регистратора Р01 и зачем.


История простая — требование компенсации за нарушение авторских прав на изображения, но со своими забавными нюансами.


Ниже по тексту — как не надо зарабатывать на фотографиях. Пример, как надо — в спойлерах (16+)

Читать дальше →
Total votes 136: ↑129 and ↓7 +122
Comments 119

Процесс: Создание Vue 3

Reading time 10 min
Views 12K
Translation


Уроки, полученные от написания следующей основной версии Vue.js


Автор: Эван Ю (Evan You)


В течение прошлого года команда Vue работала над следующей основной (major) версией Vue.js, которую мы надеемся выпустить в первой половине 2020 года (эта работа продолжается на момент написания данной статьи). Идея новой основной версии Vue сформировалась в конце 2018 года, когда кодовой базе Vue 2 было около двух с половиной лет. Это может показаться не таким уж долгим периодом в жизни программного обеспечения, но идеи фронт-энда сильно изменились за этот период.

Читать дальше →
Total votes 24: ↑24 and ↓0 +24
Comments 13

Vue.js компонент для справки/документации

Reading time 4 min
Views 3.6K

VB-preview


Пару раз понадобилось встроить в сайт справочную систему. Простенькую, с тремя колонками — общее меню, текущая статья и меню содержания статьи. Поиски готового компонента/библиотеки не привели к успеху совсем. Поэтому пришлось написать свой, который предлагается к использованию.

Читать дальше →
Total votes 10: ↑9 and ↓1 +8
Comments 1

Как регистратор доменов «Регистратор Р01» сдает своих клиентов

Reading time 4 min
Views 37K


После регистрации домена в зоне .ru собственник-физическое лицо, проверяя его на whois сервисе, видит запись: 'person: Private Person', и на душе становится тепло и надежно. Private — это звучит серьезно.


Оказывается, эта защищенность иллюзорна — по крайней мере, когда дело касается третьего по величине в России регистратора доменных имен ООО "Регистратор Р01". И твои личные данные у него очень легко может узнать абсолютно любой человек.

Читать дальше →
Total votes 139: ↑131 and ↓8 +123
Comments 120

Современные архитектуры фронт-энда (часть 2)

Reading time 8 min
Views 14K
Translation
image

Вторая часть статьи "Contemporary Front-end Architectures", в которой рассмотрены архитектуры фронт-энда с точки зрения распределения потоков данных. Начало здесь
Читать дальше →
Total votes 12: ↑10 and ↓2 +8
Comments 1

Современные архитектуры фронт-энда

Reading time 12 min
Views 45K
Translation

image


В статье "Contemporary Front-end Architectures" рассмотрены архитектуры фронт-энда с точки зрения потоков данных в исторической ретроспективе.


Материал состоит из трех частей


  1. Теория и история
  2. Реализация
  3. Перспективы

Читать дальше →
Total votes 25: ↑24 and ↓1 +23
Comments 14

Information

Rating
879-th
Registered
Activity