Асинхронная отправка данных
HTTP-запросов на сервер.
Как работает:
Синтаксис:
В этом примере, при событии
👉 @web_craft | #frontend
navigator.sendBeacon()
- это метод JavaScript API, предназначенный для асинхронной отправки небольших HTTP-запросов на сервер.
Как работает:
navigator.sendBeacon()
отправляет данные в фоне, используя HTTP POST запрос, не ожидая ответа от сервера. Это позволяет скриптам продолжать работу или завершать выполнение без ожидания завершения запроса.Синтаксис:
navigator.sendBeacon(url, data);
- url: URL-адрес сервера, на который отправляется запрос.
- data: Данные, отправляемые в запросе. Может быть строкой, Blob, FormData или ReadableStream.
Пример использования:
window.addEventListener("unload", function(event) {
var data = {username: "user", sessionId: "xyz123"};
var url = "https://example.com/analytics";
navigator.sendBeacon(url, JSON.stringify(data));
});
В этом примере, при событии
unload
(закрытие вкладки или окна браузера), данные о сессии пользователя отправляются на сервер аналитики. 👉 @web_craft | #frontend
Улучшите свои запросы в Laravel Eloquent с помощью Tappable Scopes
Статья рассказывает о том, как использовать "tappable scopes" в Laravel для улучшения запросов Eloquent. Этот метод позволяет создавать более чистый и удобочитаемый код при работе с Eloquent-запросами, особенно при создании сложных фильтров и условий. Автор приводит примеры создания и использования таких "tappable scopes" для различных ситуаций, например, для фильтрации постов по дате публикации или выборки записей по ID пользователя.
👉 @web_craft | #laravel
Статья рассказывает о том, как использовать "tappable scopes" в Laravel для улучшения запросов Eloquent. Этот метод позволяет создавать более чистый и удобочитаемый код при работе с Eloquent-запросами, особенно при создании сложных фильтров и условий. Автор приводит примеры создания и использования таких "tappable scopes" для различных ситуаций, например, для фильтрации постов по дате публикации или выборки записей по ID пользователя.
👉 @web_craft | #laravel
Создание приложения Remix локально с Docker
Статья рассказывает о том, как настроить приложение Remix с использованием Docker для локальной разработки. В статье приводится пошаговое руководство по созданию и настройке Docker-среды, чтобы упростить разработку и тестирование приложений Remix в изолированной и консистентной среде.
👉 @web_craft | #frontend
Статья рассказывает о том, как настроить приложение Remix с использованием Docker для локальной разработки. В статье приводится пошаговое руководство по созданию и настройке Docker-среды, чтобы упростить разработку и тестирование приложений Remix в изолированной и консистентной среде.
👉 @web_craft | #frontend
This media is not supported in your browser
VIEW IN TELEGRAM
Textarea Auto Height
Текстовый блок с автоматическим масштабированием на HTML, CSS и JS.
👉 @web_craft | #frontend
Текстовый блок с автоматическим масштабированием на HTML, CSS и JS.
👉 @web_craft | #frontend
А ведь по теореме о бесконечных обезьянах, в какой-то из разов кошка может дописать ваш код.
👉 @web_craft | #юмор
👉 @web_craft | #юмор
Как я перестал превращать собес в экзамен: оцениваем хард- и софт-скиллы за одно собеседование
В статье автор делится своим опытом проведения технических собеседований, делая акцент на том, как оценивать как профессиональные, так и межличностные навыки кандидатов в одном интервью.
👉 @web_craft | #собес
В статье автор делится своим опытом проведения технических собеседований, делая акцент на том, как оценивать как профессиональные, так и межличностные навыки кандидатов в одном интервью.
👉 @web_craft | #собес
Функция для JSON-ответов Laravel?
Какую функцию Laravel использует для создания JSON-ответов?
Забыли? Вернитесь к посту от06.05.2024 , в котором разбирали этот функционал.
👉 @web_craft | #laravel
Какую функцию Laravel использует для создания JSON-ответов?
Забыли? Вернитесь к посту от
👉 @web_craft | #laravel
Какую функцию Laravel использует для создания JSON-ответов?
Anonymous Quiz
85%
Response::json()
10%
Request::json()
3%
Model::toJSON()
3%
Route::JSON()
Для первого сезона профильной IT-конференции Podlodka React Crew сложно придумать более нужную тему, чем «архитектура».
Уже 27 мая опытные эксперты научат React-разработчиков:
💜 Решать архитектурные вопросы в разрезе React. В формате круглого стола Сергей Сова, Максим Вишневский и Сергей Самохов обсудят, как строить архитектуру, организовывать компоненты и данные, использовать рендер-движок, задействовать реактивность и учитывать особенности
💜 Применять архитектурный линтер для Feature-Sliced Design. Антон Медведев и Лев Челядинов из FSD core team представят новый линтер и в режиме лайвкодинга покажут, как его применять.
💜 Менять жизненный цикл проектов на React, проектировать гибкое приложение и править негибкое. Редактор «Доки» Полина Гуртовая расскажет, когда мигрировать проект и нужно ли это делать, если он ещё не устарел.
💜 Выбирать стейтменеджер. Валерий Смирнов из Oone.World покажет, когда и какие популярные библиотеки использовать для управления стейтом.
🎁 Бонусы: публичное собеседование по архитектуре и открытый микрофон.
Билеты уже ждут вас на сайте
Уже 27 мая опытные эксперты научат React-разработчиков:
Билеты уже ждут вас на сайте
Please open Telegram to view this post
VIEW IN TELEGRAM
Влияние document.designMode в режиме on
Что происходит при установке
Забыли? Вернитесь к посту от07.05.2024 .
👉 @web_craft | #frontend
Что происходит при установке
document.designMode
в "on"?Забыли? Вернитесь к посту от
👉 @web_craft | #frontend
Что происходит при установке document.designMode в "on"?
Anonymous Quiz
3%
Страница перезагружается.
80%
Страница становится редактируемой.
7%
Страница блокируется от изменений.
10%
Все скрипты на странице останавливаются.
Анонимные миграции в Laravel
Анонимные миграции – это функция Laravel, позволяющая создавать миграции без классов. Это упрощает управление миграциями и делает структуру проекта чище.
Как это работает:
Вы определяете миграции в PHP файлах с использованием методов
Пример использования:
👉 @web_craft | #laravel
Анонимные миграции – это функция Laravel, позволяющая создавать миграции без классов. Это упрощает управление миграциями и делает структуру проекта чище.
Как это работает:
Вы определяете миграции в PHP файлах с использованием методов
up()
и down()
, которые Laravel автоматически обрабатывает, не требуя от вас создания классов миграции.Пример использования:
// Создание миграции для таблицы пользователей
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;
// Метод up для создания таблицы
Schema::create('users', function (Blueprint $table) {
$table->id();
$table->string('name');
$table->string('email')->unique();
$table->timestamp('email_verified_at')->nullable();
$table->string('password');
$table->rememberToken();
$table->timestamps();
});
// Метод down для удаления таблицы
Schema::dropIfExists('users');
👉 @web_craft | #laravel
Форматирование чисел в JavaScript
Для валюты можно указать, отображать ли символ, код или полное название валюты. Например, форматирование валюты в стиле немецкой локализации:
Единицы измерения также могут быть локализованы, предоставляя информацию в наиболее понятной форме для пользователя. Пример форматирования длины в американской системе измерений:
👉 @web_craft | #frontend
Intl.NumberFormat
— это инструмент для локализации и форматирования чисел, который поддерживает различные стили отображения, включая валюты, единицы измерения и проценты. Для валюты можно указать, отображать ли символ, код или полное название валюты. Например, форматирование валюты в стиле немецкой локализации:
const numberFormatter = new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' });
console.log(numberFormatter.format(123456.789)); // Выводит "123.456,79 €"
Единицы измерения также могут быть локализованы, предоставляя информацию в наиболее понятной форме для пользователя. Пример форматирования длины в американской системе измерений:
const unitFormatter = new Intl.NumberFormat('en-US', { style: 'unit', unit: 'kilometer', unitDisplay: 'long' });
console.log(unitFormatter.format(5.5)); // Выводит "5.5 kilometers"
👉 @web_craft | #frontend
Финализация классов
В статье говорится об автоматизации процесса финализации классов в PHP. В ней обсуждаются преимущества финализации классов для статического анализа и правил Rector. В статье также подробно описан инструмент под названием Swiss Knife, который можно использовать для безопасной финализации классов в проекте.
👉 @web_craft | #php
В статье говорится об автоматизации процесса финализации классов в PHP. В ней обсуждаются преимущества финализации классов для статического анализа и правил Rector. В статье также подробно описан инструмент под названием Swiss Knife, который можно использовать для безопасной финализации классов в проекте.
👉 @web_craft | #php
18 советов по созданию чистого и эффективного кода JavaScript
В этой статье представлены советы по написанию чистого и эффективного кода JavaScript. В ней обсуждается использование стрелочных функций, метода Array.from() и console.table() для улучшения организации кода. Другие важные моменты включают использование const и let соответствующим образом, деструктуризацию для извлечения свойств объекта и установку значений по умолчанию с помощью логического оператора ИЛИ.
👉 @web_craft | #frontend
В этой статье представлены советы по написанию чистого и эффективного кода JavaScript. В ней обсуждается использование стрелочных функций, метода Array.from() и console.table() для улучшения организации кода. Другие важные моменты включают использование const и let соответствующим образом, деструктуризацию для извлечения свойств объекта и установку значений по умолчанию с помощью логического оператора ИЛИ.
👉 @web_craft | #frontend
Когда твоя способность усложнять вещи достигает новых высот... или глубин.
👍 - Определенно высот.
🤔 - Или.
👉 @web_craft | #юмор
👍 - Определенно высот.
🤔 - Или.
👉 @web_craft | #юмор
Эпидемия многоступенчатых собеседований
Статья о распространение многоступенчатых собеседований в крупных компаниях. Автор критикует эту практику за её длительность и потенциальную стратегию снижения заработной платы кандидатам после их успешного прохождения всех этапов.
А что думаете вы?
👍 - Не буду рассматривать компанию с таким подходом.
🤔 - Мне все равно, главное устроиться.
👉 @web_craft | #собес
Статья о распространение многоступенчатых собеседований в крупных компаниях. Автор критикует эту практику за её длительность и потенциальную стратегию снижения заработной платы кандидатам после их успешного прохождения всех этапов.
А что думаете вы?
👍 - Не буду рассматривать компанию с таким подходом.
🤔 - Мне все равно, главное устроиться.
👉 @web_craft | #собес
Работа pcntl_async_signals в PHP
Что делает функция
Если забыли, то вернитесь к посту от13.05.2024 .
👉 @web_craft | #php
Что делает функция
pcntl_async_signals(true)
в PHP?Если забыли, то вернитесь к посту от
👉 @web_craft | #php