Всем Привет! Хочу поделиться своим опытом работы с огромным и непонятным legacy кодом на фронте. Я не специалист в работе с чистым JS и возможно мой подход был совсем не верным, поэтому просьба оставлять аргументированные комментарии, буду благодарен. Наш проект написан на шаблонах PHP Yii2, на фронте повсеместно используется всеми не любимый jQuery. Перед мной стояла задача реализовать динамическую отрисовку элемента, при добавлении N - стиля на элемент родителя. Основная проблема с ко…
Создание контракта и взаимодействие с нимВ данной статье я хочу познакомить вас с тем, как осуществляется кодирование данных в транзакции в соответствии с Contract ABI Specification. Мы вручную разберём весь процесс кодирования, создадим контракт и произведём вызов его методов. В конце я покажу как при помощи Contract ABI создать объект-оболочку через web3.js, и через него вызывать методы контракта.ПланНастройка окруженияСоздание контрактаВзаимодействие с контрактомОбъект-оболочка над контракт…
Сегодня окунёмся в мир, который можно потрогать. В этой статье мы исследуем, как с нуля, быстро и без особо сложной математики написать движок для игры от первого лица. Для этого мы воспользуемся приёмом под названием «бросание лучей» (raycasting). Возможно, вы видели примеры такой техники в играх Daggerfall и Duke Nukem 3D, а из более свежего – в статьях из «ludum dare» от Нотча Перссона. Что ж, для Нотча это неплохо, но не для меня! Вот демка (управление стрелками и тачпадом) [источник]. …
Всем привет! Хочу поделиться своим опытом программирования с помощью чат GTP. У меня была коммерческая задача - нужно было собрать контактную информация с сайта yelp.com по выборке рестораны и бары. Это была часть процесса лидогенерации. Парсер должен был состоять из двух частей: Первый — собрать URL-адреса всех компаний, которые появляются в результатах поиска. Затем он просматривает каждую страницу и собирает данные, как название компании, веб-сайт, описание, адрес, контактную информацию и …
ЗадачаНеобходимо сделать input с помощью React, в котором, после текста отображается какое то значение. Будем называть это значение суффиксом.УсловияCуффикс не должен подмешиваться к самому значению инпута, т.e. чтобы мы на каждый change эвент не брали строку и не отделяли этот суффикс, а потом все снова складывалиСуффикс во время ввода должен всегда быть виденСуффикс может быть другим react элементом (например картинкой, или текстом)Если мы передадим во время работы приложения новое значение …
Как оказалось, выбор версии ES для сборки веб-приложения, а также организация самой этой сборки, может оказаться весьма сложной задачей. Особенно, если вы собираетесь делать этот выбор, основываясь исключительно на доказательной базе. В этой статье я постараюсь ответить на следующие вопросы, возникшие в ходе моего расследования на эту тему:Как влияет компиляция кода под ES5 на производительность сайта?Какой инструмент генерирует самый производительный код - TypeScript Compiler, Babel или SWC?В…
Что такое дебаунсер?Дебаунсер - это функция-обертка, которая ограничивает число выполнений переданной в нее функции, некоторым промежутком времени.Практическое применениеПредположим, при вводе текста в инпут мы хотим отправлять запрос на сервер, чтобы получить выпадающий список вариантов под введенное значение.По умолчанию, запрос будет уходить при вводе очередной буквы, но чтобы не грузить сервер запросами и не повторять рендер страницы с одинаковыми по значению данными, мы хотим обернуть зап…
Эта статья написана для ламеровЯ как обычно учился кодить, и вдруг заметил что телеграм выпустил веб апи и теперь там есть фронт...На тот момент я уже владел React, Flask и Django, и решил повысить планку с помощью FastAPI.Веря в свои силы, я установил FastAPI и aiogram. Очевидно, мне следовало бы использовать нативные методы Telegram API, но aiogram предоставляет множество удобных функций, которые ускоряют разработку.ПроблемаDjango и Flask используют шаблонизаторы (я использовал Jinja2), что …
Всем привет! Меня зовут Анастасия Щедрина, я технический лидер по фронтенду проекта размещения объявлений в компании Домклик. Сегодня я расскажу вам немного о том, как устроены правила в ESLint, и покажу на примере, как можно разработать собственные.Статья будет полезна тем, кто уже задумался о создании своих правил, а также тем, кто использует линтер, но не знает, как он устроен и как подключённые правила обрабатывают наш код.Зачем нужны линтеры и как расширить стандартный набор правилСейчас …