Публикации по теме 'web-development'
Как отобразить PDF в iframe с помощью FileReader API
Все начинается в один прекрасный день, когда я получаю новую историю. Описание истории было следующим: «Я как пользователь хочу увидеть предварительный просмотр документа». Это казалось ясным. Серверная часть была завершена и вернула фактический файл, который вы загружали.
Я начал исследовать, казалось, что iframe был подходящим вариантом и передал файл в формате base64 в iframe src, используя API FileReader .
Первоначальная реализация использовала readAsDataURL, а результат..
Как получить координаты щелчка мышью на элементе холста?
Иногда нам может потребоваться получить координаты мыши на элементе холста HTML.
В этой статье мы рассмотрим, как получить координаты щелчка мыши по элементу холста.
Добавить обработчик событий mousedown
Мы можем получить координаты щелчка мыши из объекта события, который мы получаем из обработчика события mousedown .
Например, мы можем написать следующий HTML:
<canvas style="width: 200px; height: 100px">
</canvas>
Затем мы можем написать следующий код..
Улучшение производительности приложения React: как остановить ненужный повторный рендеринг
Как инженеры-программисты, одной из наших главных забот является производительность наших приложений. При создании приложения React оптимизация производительности может быть достигнута за счет использования двух мощных хуков: React.memo и useCallback.
React.memo — это оптимизация производительности, которая позволяет запоминать результат рендеринга компонента. Если компонент получает те же реквизиты, что и раньше, React будет повторно использовать ранее обработанный результат, а не..
Что происходит, когда мы пишем URL-адрес в поисковой системе нашего браузера?
Вы когда-нибудь задумывались, что происходит, когда вы вводите https://www.google.com в браузере? Почему ввод URL-адреса в браузере приводит вас на определенную страницу? Что ж, давайте посмотрим, как работает этот поисковый процесс.
DNS-запрос (служба доменных имен)
Браузер — это клиент, который смотрит в разные места, если у него есть информация о введенном URL. Эта информация будет IP-адресом страницы, к которой мы хотим получить доступ. Причина этого в том, что нам, людям,..
Стилизация Material-UI с помощью CSS в JS
CSS в JS и Material UI Styling CodeSandbox на https://codesandbox.io/s/jz5py8ll5w
Просмотрите трейлер курса на https://youtu.be/hhZ6yFvCWho Ознакомьтесь с курсом на http://bit.ly/2SZDYyw
Material-UI Стилевое решение основано на CSS-in-JS, и в ходе этого курса мы увидим то же самое в нескольких местах. CSS-in-JS — это шаблон программирования, в котором CSS составленный в коде JavaScript вместо определения стилей во внешних файлах .css. В этом видео наша цель — создать..
5 способов объединить массивы в JavaScript (просто)
Если вы программируете на JavaScript, скорее всего, вы сталкивались с необходимостью объединения двух или более массивов.
И хотя не существует универсального подхода к объединению массивов, есть несколько различных способов сделать это.
В этой статье мы поговорим о пяти простых способах использования JavaScript для объединения нескольких массивов в один.
Мы разберем каждый метод с примерами и кодами для каждого, поэтому к тому времени, когда вы закончите читать, у вас будет четкое..
Алгоритм JavaScript: подсчет овец
Подсчет количества овец, присутствующих в массиве
Мы собираемся написать функцию с именем countSheeps , которая принимает массив arrayOfSheep в качестве аргумента.
Вам дан массив, содержащий логические значения. Цель функции — вернуть количество присутствующих овец. Если значение равно true , это означает, что овца присутствует.
Пример:
let array = [true, true, true, false,
true, true, true, true ,
true, false, true, false,..
Новые материалы
Раскройте потенциал данных с помощью AWS Texttract: подробное руководство
Если вы работаете с большими объемами текстовых данных, вы знаете, насколько трудоемким и подверженным ошибкам может быть извлечение и анализ информации. Вот где на помощь приходит AWS Textract...
Памятка по React, часть I (обновлено в августе 2022 г.)
Хотите научиться React как можно быстрее?
Чтобы предложить вам подробный обзор каждой темы React, которую вам нужно будет понять в 2022 году, я составил действительно удобную шпаргалку. Если..
Раскрытие возможностей генераторов в Python
Серия Python — часть 20
Генераторы — это мощная функция Python, которая позволяет нам создавать итерируемые объекты эффективным и удобным для памяти способом. Они обеспечивают элегантное..
Как использовать JavaScript для парсинга веб-страниц
Работая с сайтами Higglo Digital, которые ежегодно посещают более 50 миллиардов веб-сайтов, я пишу на технические темы и учу инженеров иметь прочную основу, которая поможет им продвинуться в..
Как использовать вкладки в Vuetify
Вкладки — отличный способ упорядочить содержимое и добавить в приложение дополнительную иерархию навигации. В этой статье мы узнаем, как создавать их в Vuetify.
v-вкладки и v-вкладки..
Модульное тестирование в чистой архитектуре с .NET
Обеспечение качества и надежности кода
В этой статье мы рассмотрим важность модульного тестирования в чистой архитектуре и то, как оно влияет на общее качество программных проектов. Мы..
Динамическое программирование :
Запоминание и табулирование
Давайте рассмотрим оба метода, поставив каждый из них перед одной и той же проблемой: как найти конкретное число Фибоначчи?
Мемоизация
Во-первых, давайте..