Публикации по теме 'single-page-applications'
Как запросы на совместное использование ресурсов из разных источников влияют на производительность вашего приложения
Заголовок может заставить вас подумать, что этот пост - еще один пост с разглагольствованием о недостатках «одностраничного приложения». Это больше касается того, чтобы пролить свет на перспективу производительности , о которой следует помнить при проектировании SPA. Особенно, если ваш SPA использует API из разных доменных служб.
Если вы разрабатываете SPA, который использует API из того же домена SPA, тогда отлично. Вам следует пропустить эту статью, если ваш SPA использует..
Создание одностраничного веб-приложения на JavaScript и DOM
Здесь вы создадите динамическое веб-приложение, используя минимальный HTML и взамен используя объектную модель документа (DOM) и JavaScript.
Почему? Почему я не могу просто написать HTML, CSS, связать их вместе, и у меня есть свой сайт ?! Да, да, может показаться, что я делаю вещи более сложными, чем необходимо, но эффективность одностраничных приложений может сэкономить время позже при разработке динамических веб-приложений, особенно при внесении изменений.
Есть много вариантов..
Создание планировщика на 90 дней с помощью Laravel и Vue.js: часть 2
Это вторая часть многостраничного руководства, в котором мы создаем 90-дневный планировщик действий с использованием Laravel и Vue.js .
Исходный код части 2 можно найти здесь .
Что мы будем освещать?
Продолжая с того места, на котором мы остановились в части 1 , в этом посте мы:
добавить эффекты перехода при пошаговом переходе; и позволяют пользователю добавлять или удалять дополнительные поля показателей и действий.
Давайте запустим наше приложение, запустив yarn..
Маршрутизация с использованием маршрутизатора jQuery (часть 3)
Добро пожаловать в заключительную часть серии из трех частей. В этой части мы рассмотрим некоторые расширенные концепции и особенности jQuery router . Мы узнаем, как создать функцию поиска с включенной историей маршрутизации (аналогично поиску в Google).
Чтобы быть кратким, я собираюсь пропустить реализацию на стороне сервера и сразу перейти к маршрутизатору jQuery.
Давайте добавим немного кода HTML и JavaScript, чтобы создать простую форму поиска:
Поле поиска:
<form..
Создание одностраничных приложений с использованием ванильного JavaScript
В этом блоге мы узнаем о создании одностраничных веб-приложений без использования таких фреймворков, как React, Angular и т. д.
История API
Мы будем использовать History API для реализации одностраничного приложения. History API — это API браузера, который управляет историей навигации. Этот API используется для отслеживания недавно посещенных страниц на вкладке. Например, Если пользователь открывает новую вкладку в браузере, переходит на сайт medium.com и нажимает кнопку «Назад» в..
Решение проблемы с подмаршрутом SPA с помощью Vercel
Проблема
Когда вы развертываете файлы сборки в Vercel, подмаршруты/подстраницы отображают ошибку 404: ошибки не найдены.
Это означает, что серверы не знают, как обрабатывать подстраницы (URL), такие как example.com/another-page.
Решение
Создайте файл vercel.json в корневом каталоге вашего проекта и добавьте правила перенаправления, как показано ниже.
{
"routes": [{ "src": "/[^.]+", "dest": "/", "status": 200 }]
}..
Часть II: Интерфейс: создание одностраничного приложения с помощью AngularJS
Part I of this tutorial (back-end) can be viewed here .
Шаг 5 - Создайте index.html
В этом примере мы будем использовать шаблон Bootstrap 4. В голове у нас есть теги CDN для Bootstrap 4, jQuery, Tether.io и Font Awesome. Font Awesome - это библиотека значков, которую мы используем вместо Glyphicons, которые больше не поставляются с Bootstrap. Имейте в виду, что тег Font Awesome CDN уникален, и для его создания у вас должна быть учетная запись Font Awesome, но создать учетную..
