JavaScript заметки

Ликбез по распространенным Client-Side уязвимостям В этой статье мы покажем: как в разных ситуациях манипулировать веб-сайтом таким образом, чтобы он передавал пользователям вредоносный JavaScript. как скомпрометировать администратора сайта, отправив ему личное сообщение; как атаковать разом всех пользователей при помощи комментария под статьей; как заставить пользователя отправить запрос на действия, которые он не собирается выполнять; как прослушивать WebSocket-соединения; #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

💻 Ты еще не в курсе последних IT-трендов? 🤯 Скорее всего, твои конкуренты уже внедряют новые фишки в проекты! 🚀 Эксклюзив в мире фронтенда, инсайды из мира технологий, лайфхаки для разработчиков – всё это уже ждёт тебя в моём блоге. Не пропусти – будь впереди всех! 👀 🌐 Подписывайся прямо сейчас и прокачай свои навыки быстрее, чем другие напишут console.log('hello world')! ➡️ Перейти в канал ⬅️

Функции высшего порядка Функции могут принимать другие функции как аргументы или возвращать их. #функции

Как показать миллион зданий на карте — и не сломать браузер В 2ГИС мы аккумулируем огромное количество геоданных, с которыми взаимодействуют миллионы пользователей ежедневно. Анализируя их, мы можем получить ценную информацию и найти важные идеи для развития городов. Эти данные также полезны организациям. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

String.prototype.startsWith() Метод startsWith() проверяет, начинается ли строка с заданной подстроки. #полезное

Как уменьшали размер VS Code, используя name mangling — сокращение идентификаторов во время сборки В этой статье рассказывается, как мы обнаружили возможность такой оптимизации, какие подходы рассматривали, и как в конце концов добились уменьшения размера на 20%. Возможно, будет не так много конкретики - я хочу, скорее, рассказать, как в команде VS Code подходят к решению инженерных задач. Тем более, что наше решение, скорее всего, не совсем оптимальное, и уж точно подойдет не всем кодовым базам. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Array.prototype.every() Метод every() проверяет, выполняется ли заданное условие для всех элементов массива. #полезное

DOM, DI и View: деревья в Angular Чтобы стать продуктивным разработчиком на Angular, потребуется понимание различных деревьев, из которых состоит приложение. На первый взгляд легко можно спутать дерево инжекторов DI и DOM-дерево непосредственных HTML-элементов и вьюх Angular. Они похожи и иногда имеют прямое соответствие, но далеко не всегда. В статье рассмотрим различия, научимся держать их в уме и освоим, как можно обойти возможные трудности, связанные с ними. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Постоянное давление, усталость и отсутствие ясности, как строить карьеру? Пишешь код которым не гордишься, проставляешь оценки, cписываешь часы, сидишь на созвонах... И вроде бы все неплохо, но не отпускают сомнения: а тем ли я занимаюсь в жизни? Ты не одинок в этом. Такие мысли знакомы многим, кто сталкивается с выгоранием, синдромом самозванца или потерей мотивации на фоне карьерных изменений. Если это про тебя, загляни в канал Екатерины — коуча для IT по стандартами ICF с 15-летним опытом в управлении IT-проектами и продуктами.  Екатерина делится проверенными инструментами и стратегиями, которые помогут тебе: ✔️ Победить синдром самозванца   ✔️ Преодолеть выгорание и вернуть энергию   ✔️ Найти новый карьерный путь   ✔️ Адаптироваться в новой роли или команде   ✔️ Развить уверенность в своих силах Подписывайся на канал Коуч для IT. Изменения неизбежны, чтобы развиваться личностно и в карьере — будь ты разработчик, инженер или техлид. Реклама. Бадовская Е.А. ИНН 773105726222.

Array.prototype.find() Метод find() возвращает первый элемент массива, удовлетворяющий заданному условию. #полезное

Рефлексия в JavaScript и TypeScript: обзор основных техник. Как сгенерировать CLI-интерфейс для класса В этой статье я хочу рассмотреть основные такие возможности, плюс показать, как можно получить ещё больше информации о типах при использовании TypeScript, и как добавить классам и их полям собственные метаданные при помощи декораторов.  #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Array.prototype.filter() Метод filter() создает новый массив, содержащий элементы, прошедшие заданный критерий. #полезное

Получение данных виртуальной клавиатуры Android в web проекте Написать что знаю несколько языков это одно, но действительно знать, понимать, и применять на практике это совсем другое, поэтому плохо зная свой сигнатурный язык мышления, полученный от социальной среды с рождения, буду рассказывать в статье как правильно собирать данные нажатия, виртуальной клавиатуры Android в web проекте, используя javascript. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Object.create() Метод Object.create() позволяет создать новый объект с указанным прототипом. В данном случае, myCar наследует метод startEngine от объекта car. #объекты

AIFlashcards_Bot: — твой умный помощник в обучении! - Генерация карточек на любую тему: Просто напиши тему, и бот сгенерирует готовые карточки с вопросами и ответами. - Легкое редактирование и улучшение карточек - Квизы и тренировки для закрепления знаний - Отслеживай прогресс и улучшай результаты Почему стоит попробовать? - Удобно учить что угодно: от языка программирования до истории. - Бесплатно и просто в использовании. - Подходит для студентов, профессионалов и всех, кто хочет учиться эффективно. Попробуй сам: @AIFlashcards_Bot

Как я переносил блог из CakePHP в Angular Интерфейс был построен на Twitter Bootstrap и jQuery. Из‑за усложнения бизнес логики, в проект добавили AngularJS и десяток библиотек для фингерпринтинга. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Динамические ключи Ключи объекта могут быть созданы динамически с использованием вычисляемых свойств. #объекты

Symbiote.js VS LitElement Мотивация разработчиков библиотек и фреймворков для фронтенда может быть разной. И если вы, являясь таким разработчиком, хотите работать не “в стол” а с расчетом на какое-то признание и пользу для индустрии, вы должны четко понимать, что именно и зачем вы делаете. Если вы хотите сэкономить пользователям пару килобайт трафика или пару миллисекунд отклика - вам будет очень тяжело доказать миру, что ради этого стоит выбрать именно ваше решение. Люди выберут размер комьюнити, богатую экосистему и крупного вендора. Ваш набор аргументов должен быть достаточно веским, чтобы обратить на себя внимание. Сейчас я попытаюсь доказать, что при наличии такого решения как LitElement от гиганта индустрии Google, имеет смысл посмотреть в сторону Symbiote.js. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Использование JavaScript Proxy для реализации валидации данных Proxy позволяет перехватывать доступ к свойствам объекта и выполнять на них дополнительные действия, такие как валидация данных. #полезное

Next.js App Router. Опыт использования. Путь в будущее или поворот не туда Два года назад команда Next.js представила новый подход к роутингу, который должен был стать заменой так называемому Pages Router, вместе с тем добавив ряд принципиально нового функционала. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью