Решение проблемы с аудио на macOS/iOS
https://stackoverflow.com/questions/54047606/allow-audio-play-on-safari-for-chat-app
#кодинг
#js
#macOS
https://stackoverflow.com/questions/54047606/allow-audio-play-on-safari-for-chat-app
#кодинг
#js
#macOS
Stack Overflow
Allow audio.play() on safari for chat app
Since Apple disabled the ability to autoplay audio via HTMLMediaElement.play()
in javascript without user interaction, I am not sure how I should play a sound when a user gets a chat message bef...
in javascript without user interaction, I am not sure how I should play a sound when a user gets a chat message bef...
Complex Vue 3 state management made easy with Pinia
https://blog.logrocket.com/complex-vue-3-state-management-pinia/
#кодинг
#js
#vuejs
#pinia
https://blog.logrocket.com/complex-vue-3-state-management-pinia/
#кодинг
#js
#vuejs
#pinia
LogRocket Blog
Leveraging Pinia to simplify complex Vue state management - LogRocket Blog
Build a basic blog engine using Pinia, a state management tool for Vue apps, and its main features, including state, getters, and actions.
Forwarded from На фронте - javascript, html, css
7 интересных API на JavaScript для создания веб-сайтов, о которых вы (скорее всего) не знали
В связи с быстро меняющимися технологиями разработчикам предоставляются невероятные инструменты и технологии.
Но было замечено, что различные функции и возможности API не так активно используются, и многие даже не знают о некоторых из них.
Давайте взглянем на некоторые полезные веб-API, которые могут помочь вам поднять ваш сайт до небес!
https://habr.com/ru/post/718712/
#js #education #ru
💬 Чат фронтендеров
В связи с быстро меняющимися технологиями разработчикам предоставляются невероятные инструменты и технологии.
Но было замечено, что различные функции и возможности API не так активно используются, и многие даже не знают о некоторых из них.
Давайте взглянем на некоторые полезные веб-API, которые могут помочь вам поднять ваш сайт до небес!
https://habr.com/ru/post/718712/
#js #education #ru
💬 Чат фронтендеров
How to fix freezing scroll, if you use
https://stackoverflow.com/questions/39692337/div-scrolling-freezes-sometimes-if-i-use-webkit-overflow-scrolling
#кодинг
#css
#js
-webkit-overflow-scrolling
https://stackoverflow.com/questions/39692337/div-scrolling-freezes-sometimes-if-i-use-webkit-overflow-scrolling
#кодинг
#css
#js
Stack Overflow
Div scrolling freezes sometimes if I use -webkit-overflow-scrolling
if I use -webkit-overflow-scrolling for a scrolling div, it scrolls perfectly with native momentum. But, div itself sometimes freezes and does not respond my finger moves. After 2-3 seconds later, it
Forwarded from CodeRoll | Frontend
Forwarded from На фронте - javascript, html, css
Адаптивный и многоязычный компонент футера для Vue 3: создание и использование
Вы занимаетесь блогингом или созданием контента на нескольких языках? Или у вас есть множество социальных медиа-аккаунтов, которыми вы хотите поделиться? Тогда вам понравится этот адаптивный и многоязычный компонент футера для Vue 3!
https://habr.com/ru/post/726242/
#js #vue #ru
💬 Чат фронтендеров
Вы занимаетесь блогингом или созданием контента на нескольких языках? Или у вас есть множество социальных медиа-аккаунтов, которыми вы хотите поделиться? Тогда вам понравится этот адаптивный и многоязычный компонент футера для Vue 3!
https://habr.com/ru/post/726242/
#js #vue #ru
💬 Чат фронтендеров
Forwarded from На фронте - javascript, html, css
Pinia scoped store
На сегодняшний день все стейт-менеджеры экосистемы Vue предоставляют глобальное централизованное хранилище, привязанное к корню приложения. Однако у текущей системы есть одно важное ограничение - глобальные модули стора не позволяют создавать независимые состояния для инстансов одного компонента/модуля.
https://habr.com/ru/articles/726452/
#js #vue #ru
💬 Чат фронтендеров
На сегодняшний день все стейт-менеджеры экосистемы Vue предоставляют глобальное централизованное хранилище, привязанное к корню приложения. Однако у текущей системы есть одно важное ограничение - глобальные модули стора не позволяют создавать независимые состояния для инстансов одного компонента/модуля.
https://habr.com/ru/articles/726452/
#js #vue #ru
💬 Чат фронтендеров
Forwarded from На фронте - javascript, html, css
Представляем вам Vue 3.3
В этом посте представлен обзор основных возможностей версии 3.3. Для получения полного списка изменений, пожалуйста, ознакомьтесь с полным журналом изменений на GitHub.
https://habr.com/ru/articles/735086/
#js #vue #ru
💬 Чат фронтендеров
В этом посте представлен обзор основных возможностей версии 3.3. Для получения полного списка изменений, пожалуйста, ознакомьтесь с полным журналом изменений на GitHub.
https://habr.com/ru/articles/735086/
#js #vue #ru
💬 Чат фронтендеров
Forwarded from На фронте - javascript, html, css
Как yarn v3 и философия Zero Installs помогли нам сократить длительность ci/cd пайплайна в 3 раза
В статье я расскажу, как мы решили эту проблему с помощью оптимизации сборки Docker-образа, установки зависимостей и сокращения количества шагов пайплайна. Это может быть полезно тем, кто столкнулся с проблемой долгих пайплайнов.
https://habr.com/ru/companies/kts/articles/735104/
#js #ru
💬 Чат фронтендеров
В статье я расскажу, как мы решили эту проблему с помощью оптимизации сборки Docker-образа, установки зависимостей и сокращения количества шагов пайплайна. Это может быть полезно тем, кто столкнулся с проблемой долгих пайплайнов.
https://habr.com/ru/companies/kts/articles/735104/
#js #ru
💬 Чат фронтендеров
How to Deploy Strapi MySQL on a Traditional Hosting Provider
https://dev.to/strapi/how-to-deploy-strapi-mysql-on-a-traditional-hosting-provider-25l4
#coding
#js
#strapi
https://dev.to/strapi/how-to-deploy-strapi-mysql-on-a-traditional-hosting-provider-25l4
#coding
#js
#strapi
DEV Community
How to Deploy Strapi MySQL on a Traditional Hosting Provider
This article explains to deploy a Strapi MySQL on a traditional hosting provider. Author: Abdulwahab...
Forwarded from На фронте - javascript, html, css
react-query vs SWR и избавимся ли мы от Redux?
Давайте сначала познакомимся с обоеми библиотеками, чтобы сравнить их и убедиться, что лучше. react-query и SWR — это две популярные библиотеки для управления состоянием данных в React-приложениях. Они обе предназначены для облегчения работы с данными, получаемыми с сервера, но имеют некоторые различия в функциональности и подходах.
https://habr.com/ru/articles/758360/
#js #react #ru
💬 Чат фронтендеров
Давайте сначала познакомимся с обоеми библиотеками, чтобы сравнить их и убедиться, что лучше. react-query и SWR — это две популярные библиотеки для управления состоянием данных в React-приложениях. Они обе предназначены для облегчения работы с данными, получаемыми с сервера, но имеют некоторые различия в функциональности и подходах.
https://habr.com/ru/articles/758360/
#js #react #ru
💬 Чат фронтендеров
Forwarded from CodeRoll | Frontend
Шаблоны проектирования JS полный гайд
В этом посте рассматривается ряд основных шаблонов проектирования в JavaScript, включая порождающие, структурные и поведенческие шаблоны проектирования.
Используя эти шаблоны, разработчики JavaScript могут улучшить возможность повторного использования кода, удобство обслуживания и общую производительность системы.
Ссылка
#js
В этом посте рассматривается ряд основных шаблонов проектирования в JavaScript, включая порождающие, структурные и поведенческие шаблоны проектирования.
Используя эти шаблоны, разработчики JavaScript могут улучшить возможность повторного использования кода, удобство обслуживания и общую производительность системы.
Ссылка
#js
Forwarded from GitHub Community
rxdb – быстрая, локальная БД для JavaScript приложений.
Реактивная база данных для работы в режиме реального времени с кучей дополнительных функций.
⤷ Ссылка на проект
GitHub | #Interesting #JS #DB
Реактивная база данных для работы в режиме реального времени с кучей дополнительных функций.
⤷ Ссылка на проект
GitHub | #Interesting #JS #DB
Download an Entire Webpage with JavaScript, Including Inline CSS
https://medium.com/@neog.anupal101/download-an-entire-webpage-with-javascript-including-inline-css-d38866544c5a
#coding
#js
https://medium.com/@neog.anupal101/download-an-entire-webpage-with-javascript-including-inline-css-d38866544c5a
#coding
#js
Medium
Download an Entire Webpage with JavaScript, Including Inline CSS
Have you ever wanted to download an entire webpage, including its CSS, with a simple click? With the power of JavaScript, you can create a…
Scaling WebSocket Connections using Shared Workers
https://dev.to/ayushgp/scaling-websocket-connections-using-shared-workers-14mj
#coding
#js
#websocket
https://dev.to/ayushgp/scaling-websocket-connections-using-shared-workers-14mj
#coding
#js
#websocket
DEV Community
Scaling WebSocket Connections using Shared Workers
Use SharedWorkers to reduce your server load by managing tabs on same client on one socket connection.
AbortController для отмены запросов при смене страницы (SPA)
https://habr.com/ru/articles/746740/
#coding
#js
https://habr.com/ru/articles/746740/
#coding
#js
Хабр
AbortController для отмены запросов при смене страницы (SPA)
Не так давно я столкнулся с проблемой, что при плохом интернете некоторые запросы к серверу идут так долго, что пользователь успевает перейти на другую страницу, пока запрос еще не завершился. И этот...
Sharing WebSocket Connections between Browser Tabs and Windows
https://brightinventions.pl/blog/sharing-websocket-connections-between-browser-tabs-and-windows/
#coding
#js
https://brightinventions.pl/blog/sharing-websocket-connections-between-browser-tabs-and-windows/
#coding
#js
Bright Inventions
Sharing WebSocket Connections between Browser Tabs and Windows
WebSocket connections are like special communication channels that allow web browsers and servers to talk to each other in real-time…
Text compression & Code splitting & Modern image formats - Performance optimization
https://dev.to/mitchell_cheng/text-compression-code-splitting-modern-image-formats-performance-optimization-5gi8
#coding
#js
#refactoring
https://dev.to/mitchell_cheng/text-compression-code-splitting-modern-image-formats-performance-optimization-5gi8
#coding
#js
#refactoring
DEV Community
Text compression & Code splitting & Modern image formats - Performance optimization
I tried the following to optimize my side project performance: text compression code...
Performance Optimization Techniques for Vue.js Applications
https://certificates.dev/blog/performance-optimization-techniques-for-vuejs-applications
#coding
#js
#refactoring
https://certificates.dev/blog/performance-optimization-techniques-for-vuejs-applications
#coding
#js
#refactoring
certificates.dev
Performance Optimization Techniques for Vue.js Applications
Make your websites/apps fast with strategies like lazy loading, stable prop design, virtual lists, v-once and v-memo, plus more!
Optimizing rendering in Vue
https://blog.logrocket.com/optimizing-rendering-vue/
#coding
#js
#refactoring
https://blog.logrocket.com/optimizing-rendering-vue/
#coding
#js
#refactoring
LogRocket Blog
Optimizing rendering in Vue - LogRocket Blog
This guide covers methods for enhancing rendering speed in Vue.js apps using functions and techniques like v-once, v-for, v-if, and v-show.