Sign in Subscribe

web-development

A collection of 15 posts
Nuxt 3
nuxt

Nuxt 3

Nuxt это платформа с открытым исходным кодом под лицензией MIT для создания современных и производительных веб-приложений, которые могут работать практически на любых платформах где выполняется JavaScript. Чтобы понять что такое Nuxt, разберемся что необходимо для современного приложения: * JavaScript фреймворк, для "реактивности" и использования веб-компонентов, в Nuxt это Vue.js * Сборщик
2 min read
Nuxt 3 beta
nuxt

Nuxt 3 beta

И так, через 468 дней после первого коммита Nuxt 3 вышел в бета-версии. Более года интенсивной разработки Nuxt 3. Документация и код. Новая основа Помимо Vue3 и Vite, Nuxt 3 содержит новый серверный движок, который открывает новые возможности. Это  JavaScript сервер приложений который переносим среди множества современных облачных провайдеров. В
1 min read
Nuxt 3 is coming
nuxt

Nuxt 3 is coming

Созданные полностью с нуля для современного web. Гибридный статичный и серверный рендеринг, API маршруты и  native serverless. Что нового ожидается в Nuxt 3 До 75 раз меньше при развертывании сервера и меньший клиентские скрипты для современных браузеров. Оптимальный холодный старт с динамическим разделением кода на стороне сервера, на основе nitro.
2 min read
OAuth 2
security

OAuth 2

Роли / Roles Стороннее приложение: Клиент Клиент это приложение которое пытается получить доступ к учетной записи пользователя. Для этого клиенту нужны разрешения от пользователя. API: Сервер ресурсов Сервер ресурсов это API сервер используемый для получения доступа к информации пользователя. Сервер авторизации Это сервер предоставляющий интерфейс где пользователь разрешает или запрещает запрос
4 min read
Nuxt load JSON
nuxt

Nuxt load JSON

Вопрос: Есть json файл, в котором есть данные для инициализации страницы, какой способ загрузки следует использовать? В 2017 году создатель Nuxt ответил примерно так: Запрос на сервере // wrong export default { asyncData() { return axios.get('/data.json').then((res) => res.data) } } Когда мы пытаемся исполнить http запрос на стороне сервера,
2 min read
Nuxt Fetch. How?
nuxt

Nuxt Fetch. How?

Начиная с версии 2.12 в Nuxt появился новый подход к получению данных приложением. Хук Fetch и жизненный цикл Nuxt Сверху вниз NuxtServerInit | Route Middleware | validate | asyncData() | beforeCreate() | created() | [$fetchState.pending = true] >>> fetch() <<< | mounted() [$fetchState.pending = false] Хук fetch() вызывается  после  того, как экземпляр компонента создан на стороне сервера. Эт
3 min read
Vite (Vue Next)
vue

Vite (Vue Next)

Vite - это еще один инструмент для создания веб-приложения, который использует es6 модули на этапе разработки и Rollup на этапе компиляции приложения. * Быстрый "холодный" запуск сервера * Мгновенная горячая замена модулей (HMR) * Настоящая компиляция по-требованию Почему и как? Чем отличается от vue-cli и других сборщиков? Основное отличие в том, что в
2 min read
rails webpacker live-reload views
rails

rails webpacker live-reload views

webpacker дает возможность использовать webpack и webpack-dev-server вместе с Rails. webpacker отлично интегрирован с Rails и имеет все необходимые настройки для быстрого старта с основными популярными технологиями, такими как React или Vue. При разработке мы можем использовать все преимущества webpack. При этом webpacker сосуществует совместно с assets pipeline, не отменять
1 min read
Rails 6.0 - webpacker hmr in docker
rails

Rails 6.0 - webpacker hmr in docker

Главное * для webpacker создаем отдельный docker сервис, но используем один образ * host - имя контейнера где работает webpacker, Rails будет работать (компилировать) с этим адресом * публичный хост - localhost, при HMR будет опрашивать localhost:3035 * разрешить политику подключения  policy.connect_src для HMR * указываем в настройках hmr: true и hot:
1 min read
rails

Rails Request, Subdomain, Host

В Rails доступен request (ActionDispatch::Request) со всей необходимой информацией о запросе.  Основной базовый класс Rack::Request. Чтобы получить данные о различных параметрах  запроса используем встроенные методы и хелперы. Во первых мы можем получить полный базовый url - request.base_url. Получить имя хоста через request.host и имя поддомена,
AngularJS и MODX Evolution
web-development

AngularJS и MODX Evolution

AngularJS отличный фреймворк, а MODX отличная простая и быстрая CMS. Как использовать вместе? Плюсы MODX Итак, MODX быстрый, простой и неприхотливый - работает на любом shared-хостинге с php и mysql. Перенести сайт c сервера на сервер - дело нескольких минут. Сделать резервную копию и восстановить - нет проблем. Отлично интегрируется
1 min read
Content The King.
design

Content The King.

Контент — это самый важный компонент любого интернет-ресурса. Именно контент определяет, каким должен быть дизайн сайта. Важно определить, какие материалы будут представлены на сайте, описать структуру страницы для представления контента и создать страницу с простой и эффективной линейной разметкой, которая одинаково хорошо выглядит как на узких, так и на широких экранах.
1 min read
Ace Editor "cursor bug"
javascript

Ace Editor "cursor bug"

Некорректное поведение курсора во внедренном редакторе ACE. проблема при редактирование реальное положение курсора не совпадает с визуальным на экране. решение редактор корректно поддерживает только monospace шрифты и если подключен другой шрифт поведение курсора будет не адекватным. Такое возможно когда на сайте или в приложении используется множество стилей и происходит переопределение
1 min read