Подробная настройка Content Security Policy
Content Security Policy (CSP) - это механизм безопасности веб-приложений, который используется для сокращения рисков, связанных с атаками, такими как внедрение скриптов (XSS) и выполнение нежелательного кода (инъекция). CSP позволяет веб-разработчикам указывать браузерам, из каких источников разрешено загружать ресурсы, такие как скрипты, стили, изображения, шрифты и другие элементы.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Content Security Policy (CSP) - это механизм безопасности веб-приложений, который используется для сокращения рисков, связанных с атаками, такими как внедрение скриптов (XSS) и выполнение нежелательного кода (инъекция). CSP позволяет веб-разработчикам указывать браузерам, из каких источников разрешено загружать ресурсы, такие как скрипты, стили, изображения, шрифты и другие элементы.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Функции обратного вызова
Функция может принимать другую функцию в качестве аргумента и вызывать ее внутри себя.
#функции
Функция может принимать другую функцию в качестве аргумента и вызывать ее внутри себя.
#функции
👍3
RxJS: как операторы высшего порядка упрощают код
В этой статье я покажу, что в HOO нет ничего мифического, и расскажу в каких случаях вам нужно использовать операторы высшего порядка. Сейчас вы подумаете, что это скучный лонгрид, но не торопитесь. Мы рассмотрим всего 4 оператора:
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
В этой статье я покажу, что в HOO нет ничего мифического, и расскажу в каких случаях вам нужно использовать операторы высшего порядка. Сейчас вы подумаете, что это скучный лонгрид, но не торопитесь. Мы рассмотрим всего 4 оператора:
switchMap
, exhaustMap
, concatMap
, mergeMap
.#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Стрелочные функции
Стрелочные функции предоставляют сокращенный синтаксис для определения функций.
#функции
Стрелочные функции предоставляют сокращенный синтаксис для определения функций.
#функции
👍3
Задачи про PEG-парсеры
В итоге я сделалигру программу CrateGram
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
В итоге я сделал
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
❤1
Создание функции
В этом примере функция
#функции
В этом примере функция
greet
принимает аргумент name
и возвращает приветствие.#функции
👍2
Под капотом анимаций в React Native
Это вторая и последняя статья из серии как работает React Native (RN) под капотом, на примере анимаций.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Это вторая и последняя статья из серии как работает React Native (RN) под капотом, на примере анимаций.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Использование геттеров и сеттеров
В этом примере класс
#классы
В этом примере класс
Person
использует геттер и сеттер для получения и установки полного имени.#классы
👍4❤1
Видеоредактор, работа с видео и зачем там Canvas
Одной из задач, где мы в Ozon используем Canvas, является обработка видео. Для это у нас реализован минималистичный видеоредактор.
Современные устройства и браузеры развиваются достаточно быстро, но все-равно этого бывает недостаточно для задач со сложными вычислениями. К таким задачам можно отнести обработку видео.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Одной из задач, где мы в Ozon используем Canvas, является обработка видео. Для это у нас реализован минималистичный видеоредактор.
Современные устройства и браузеры развиваются достаточно быстро, но все-равно этого бывает недостаточно для задач со сложными вычислениями. К таким задачам можно отнести обработку видео.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
🔥1
Использование классов как функции конструкторов
Здесь мы используем функцию конструктора
#классы
Здесь мы используем функцию конструктора
Car
для создания объекта. Мы добавляем метод getFullName
к прототипу Car
, чтобы он был доступен для всех экземпляров класса.#классы
👍3
Kysely.js типизированный sql builder
Kysely.js – это библиотека, позволяющая писать типизированные SQL запросы. Библиотека делает работу с SQL в вашем проекте более безопасной, избавляя от таких ошибок как опечатки в названиях колонок или таблиц и неправильное использование SQL операторов в коде (код не скомпилируется). Ко всему прочему она делает работу с SQL более удобной, предоставляя при написании запросов автодополнения для таблиц, колонок, алиасов и других сущностей. Kysely имеет незначительный слой абстракции над SQL для того чтобы можно было пользоваться всей мощью SQL и при этом не изучать множество дополнительных сущностей. Библиотека поддерживает MySQL, PostgreSQL, SQLite, PlanetScale, D3, SurrealDB и другие.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Kysely.js – это библиотека, позволяющая писать типизированные SQL запросы. Библиотека делает работу с SQL в вашем проекте более безопасной, избавляя от таких ошибок как опечатки в названиях колонок или таблиц и неправильное использование SQL операторов в коде (код не скомпилируется). Ко всему прочему она делает работу с SQL более удобной, предоставляя при написании запросов автодополнения для таблиц, колонок, алиасов и других сущностей. Kysely имеет незначительный слой абстракции над SQL для того чтобы можно было пользоваться всей мощью SQL и при этом не изучать множество дополнительных сущностей. Библиотека поддерживает MySQL, PostgreSQL, SQLite, PlanetScale, D3, SurrealDB и другие.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👍3
Работа с классами
В этом примере мы создаем классы
#классы
В этом примере мы создаем классы
Animal
и Dog
. Dog
наследует от Animal
, и мы переопределяем метод makeSound
для класса Dog
, чтобы он вел себя по-разному. Это демонстрирует наследование и переопределение методов в классах JavaScript.#классы
👍3
JavaScript. WebRTC. Соединение браузеров напрямую без сервера, peer-to-peer
WebRTC позволяет браузерам обмениваться информацией напрямую без сервера. Можно передавать видео, звук и данные.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
WebRTC позволяет браузерам обмениваться информацией напрямую без сервера. Можно передавать видео, звук и данные.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👍2
Использование классов для создания часов
Класс
#классы
Класс
Clock
создает объект, который отображает текущее время и обновляет его каждую секунду.#классы
👍5
Создаем мини-игру с капельным эффектом и движущимися кружками
В первой части было сделано базовое перемещение кружочков по странице. А в сегодняшнем уроке мы сделаем анимацию “взрыва” и поглощения кружочков.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
В первой части было сделано базовое перемещение кружочков по странице. А в сегодняшнем уроке мы сделаем анимацию “взрыва” и поглощения кружочков.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Использование классов для создания плеера видео
Класс
#классы
Класс
VideoPlayer
может использоваться для создания проигрывателя видео на веб-странице.#классы
❤3👍2
Web Accessibility в рассказе «A11Y от 0 до NaN»
Данной статьёй я планирую рассказать про интересные случаи и про то, в каких ситуациях можно оказаться, постигая новые горизонты, но не собираюсь даже пытаться заменить справочники по aria-атрибутам и эталонным примерам доступных компонентов. Стандарт W3C полон полезной информации, которая сдержанно подаёт только нужное.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Данной статьёй я планирую рассказать про интересные случаи и про то, в каких ситуациях можно оказаться, постигая новые горизонты, но не собираюсь даже пытаться заменить справочники по aria-атрибутам и эталонным примерам доступных компонентов. Стандарт W3C полон полезной информации, которая сдержанно подаёт только нужное.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Использование классов для создания графических элементов
Здесь класс
#классы
Здесь класс
Rectangle
представляет графический элемент (прямоугольник) и может использоваться для рисования на холсте HTML5.#классы
👍3
Использование классов для работы с мультимедиа
Класс
#классы
Класс
AudioPlayer
может использоваться для управления воспроизведением аудиофайлов на веб-странице.#классы
👍7🔥1
Использование классов для работы с мультимедиа
Класс
#классы
Класс
AudioPlayer
может использоваться для управления воспроизведением аудиофайлов на веб-странице.#классы
👍4🔥1