Публикации по теме 'front-end-development'


Небольшое замечание относительно метода bind().
Небольшое замечание относительно метода bind() . Вы можете привязать функцию только один раз, последующие попытки уже привязанной функции ничего не изменят. Пример: function printGreetings () { return console.log(this.phrase); }; const dataGreetings = { phrase: "Hello World!", }; const dataFarewell = { phrase: "Goodby for now!", }; // first attempt to bind printGreetings to dataGreetings const printHello = printGreetings.bind(dataGreetings); printHello();..

Как перезагрузить приложение на разных вкладках браузера с помощью JavaScript
Пользователи нередко просматривают веб-приложение на нескольких вкладках. Это помогает с организацией и может сосредоточить их внимание на определенном месте в приложении. Однако, как только пользователь открывает приложение на нескольких вкладках; код приложения, по сути, выполняется несколько раз; хотя и отдельно внутри каждой отдельной вкладки. Что произойдет, если вы хотите запустить действие на одной вкладке; и чтобы одно и то же действие запускалось и на всех других открытых..

Правильная обработка вызовов Vue API
Я уверен, что вы много раз пытались выяснить, как организовать ваше приложение Vue с точки зрения обработки вызовов API по мере роста проекта и возникновения проблем с ремонтопригодностью. Не бойся! После этой статьи у вас будет понимание того, как создать масштабируемое решение. Давай приступим к работе! 1. Наивный подход Итак, вы создали свой проект с помощью vue-cli, установили некоторый фреймворк пользовательского интерфейса, axios и затем с радостью начали программировать. Вот..

Что такое кодирование объектов HTML (HTML Entity Encode)
При разработке веб-приложений важно серьезно относиться к безопасности. Одним из распространенных векторов атаки, о котором должны знать разработчики, является межсайтовый скриптинг (XSS), который может позволить злоумышленнику внедрить вредоносный код на веб-страницу, ставя под угрозу безопасность веб-сайта и его пользователей. Одним из методов, который может помочь снизить риск XSS-атак, является кодирование объекта HTML, также известное как объект HTML…

Как выбрать лучшие CSS-сетки
Перед прочтением . Этому блогу больше года. После проверки этой статьи я обнаружил, что информация может быть устаревшей и просто неактуальной в настоящее время. Некоторые ссылки также могут быть 404. Эта статья предназначена для начинающих интерфейсных разработчиков. Часто при создании веб-сайтов Front-end разработчик сталкивается с самой распространенной проблемой - выбором сеток. В этой статье я сравню различные сетки, которые я использовал в прошлом, и ту, которую предпочитаю..

Развертывание вашего приложения React никогда не было проще с Github Pages
Помните время, когда вы пытались поделиться прогрессом с клиентом или хотели продемонстрировать свои следующие побочные проекты? Мы все были там, надеясь, что все может быть всего в нескольких кликах. Не бойтесь, ваши пожелания были удовлетворены, теперь есть бесплатный и простой подход к развертыванию ваших приложений React. gh-страницы Представляю вам gh-pages , которые, как я цитирую, позволяют публиковать файлы в ветке gh-pages на GitHub (или в любой другой ветке где-либо..

Демистификация поверхностного копирования, глубокого копирования и структурированного клонирования в JavaScript
JavaScript, как динамичный и гибкий язык программирования, предлагает несколько способов управления структурами данных и работы с ними. Одним из важнейших аспектов манипулирования данными является концепция копирования объектов или массивов. JavaScript предоставляет три различных подхода к копированию: поверхностное копирование, глубокое копирование и структурированное клонирование. Понимание различий между этими методами имеет решающее значение для обеспечения правильной обработки данных,..