web-development - DIGITAL.ERA

DIGITAL.ERA

Sign in Subscribe

web-development

A collection of 15 posts

Nuxt: взгляд в 2023

Результатом многолетней работы стал не только выпуск новой версии Nuxt (3), но новая архитектура, функциональная серверная среда (Nitro) и новая организационная экосистема в Github (UnJs)

Получение данных в Nuxt

Получение данных в Nuxt

Хук fetch наиболее универсальный способ получения данных. Может использоваться в компонентах, макета, страницах, выполнятся на стороне сервера и клиента.

Nuxt 3

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

Nuxt 3 beta

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

Nuxt 3 is coming

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

OAuth 2

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

Nuxt load JSON

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

Nuxt Fetch. How?

Nuxt Fetch. How?

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

Vite (Vue Next)

Vite (Vue Next)

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

rails webpacker live-reload views

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

Rails 6.0 - webpacker hmr in docker

Rails 6.0 - webpacker hmr in docker

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

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 сервера на сервер - дело нескольких минут. Сделать резервную копию и восстановить - нет проблем. Отлично интегрируется

Content The King.

Content The King.

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

Ace Editor "cursor bug"

Ace Editor "cursor bug"

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