Vue разрабатывает Gold WebApp (имитация приложения Gold Nuggets)

Vue.js

Дебют этого блюда в Наггетс, надеюсь, вы меня потерпите.

Сначала идет волна радужных пердежей

Наггетс-лучший из нескольких технических блогов, которые я видел.По сравнению с определенным csdn и короткой книгой, он действительно слишком добросовестный.Страницы простые и красивые, с меньшим количеством рекламы и большим количеством галантереи.В отличие от определенного csdn ,реклама Видно везде,параллельных статей много,качество статей неравномерное. Наггетсы разные, постесняются опубликовать статью без двух кистей (это блюдо принадлежит особо толстокожему человеку, у которого нет ни одной кисти, но есть наглость опубликовать параллельную статью). Поэтому, чтобы выразить наше уважение и поддержку Nuggets, мы использовали имитацию (chao), сделанную (xi) мобильного клиента Nuggets, для разработки веб-приложения Nuggets с использованием Vue.

текст

вводить

ТоварплагиатВеб-приложение, разработанное с помощью Vue, имитирующее клиент Nuggets. Все API в нем из официального Android. Страница в основном похожа на приложение Nuggets, но, поскольку некоторые изображения в этом блюде используют иконочный шрифт Али, оно будет немного отличаться от изображений в приложении Nuggets, но в целом функция аналогична приложению Nuggets.

Исходный код проекта находится в открытом доступе вgayhubgithub, Нажмите, чтобы просмотреть исходный код, я надеюсь, вы дадите звезду

визуализация

(Впереди появится большая GIF-анимация с длиной волны)

  • титульная страница
    首页效果
  • точка кипения
    沸点列表
  • поиск
  • буклет
    小册页面
  • мой
    我的
  • Домашняя страница пользователя
    用户主页
  • домашняя страница темы
    话题主页
  • Детали статьи
    文章详情
  • Сведения о температуре кипения
    沸点详情

Степень завершенности

Первоначально думал, что если это было реализовано путем имитации приложения, то вскоре его можно было бы завершить, однако после этого я обнаружил, что в приложении довольно много вещей (некоторые из которых действительно невозможно сделать в этом блюдо, такое как оплата), включая страницу и взаимодействие, которые необходимо полностью скопировать. Это требует некоторого времени и энергии для реализации. Пользовательский интерфейс и тому подобное реализованы путем простого измерения + визуальной отладки. Ниже приведен список завершения страницы и взаимодействия, и большинство из них должны быть перечислены здесь. Неуказанные и нереализованные последующие действия будут реализованы в зависимости от времени и усилий. Фактическая степень завершения, пожалуйста, ориентируйтесь на код

  • стартовая страница не делать
  • Логин, не залогинился прыжок и обновление данных страницы (логика не хватает глаз)
  • Выдвижная загрузка, выдвижной цилиндр замка
  • ГЛАВНАЯ полная
    • Переключатель TAB
    • TABИзменить
    • Статьи, опубликованные авторами, на которых вы подписаны
    • как
  • точка кипения
    • Переключатель TAB
    • TABИзменить
    • Обновления, опубликованные авторами, на которых вы подписаны
    • как
    • Сведения о температуре кипения
  • поиск завершен
    • Поиск по общему, статье, пользователю, тегу
  • буклет
    • Список буклетов
    • Подробная информация о брошюре
    • Описание главы буклета
    • Купить буклет
  • мой
    • Домашняя страница
      • редактировать
      • Мероприятия
      • оригинальная статья
      • точка кипения
      • Коллекция
        • Страница сведений о коллекции
      • любимая статья
      • Отслеживаемые теги
        • Страница сведений о теге
    • Центр сообщений
    • Понравившиеся статьи и точки кипения
    • Коллекция
      • созданный
      • последовал
    • Купленный буклет (не знаю, есть ли проблема)
    • статьи прочитаны
    • Управление тегами
      • Отслеживаемые теги
      • все теги
        • Рекомендовать подпись
        • все теги
      • Следуйте этикетке
    • ночной режим
    • настроить некоторые
      • изменить пароль
    • страница авторизации
    • Список авторов
      • Домашняя страница пользователя
        • обрати внимание на
        • Мероприятия
        • оригинальная статья
        • точка кипения
        • Коллекция
          • Страница сведений о коллекции
            • Следите за коллекциями
            • Список статей коллекции
        • любимая статья
        • Отслеживаемые теги
          • Страница сведений о теге
    • Список тем
      • больше тем
      • Отслеживаемая тема
      • Детали темы
        • Следите за темой
    • Страница сведений о статье
      • Содержание статьи
      • Показать комментарии
      • Автор статьи Другой цикл статей
      • Следите за автором
      • Избранные статьи, делитесь статьями
      • Комментарий
      • разное
    • Страница сведений о температуре кипения
      • Содержание статьи
      • Показать комментарии
      • Рекомендуемая температура кипения
      • Следите за автором
      • разделить точку кипения
      • Комментарий
      • разное
  • ... Должны быть некоторые завершенные, которых нет в списке. Давайте клонируем и запускаем снова.Нажмите здесь, чтобы загрузить исходный код

Завершение взаимодействия

Комментарии, сообщения, внимание, добавление в подборки, публикация точек кипения и т.д. пока не реализованы, ведь столько всего в АПП...

  • Комментарий
  • сообщение
  • Продолжение следует...

следовать за

  1. Говоря о Nuggets, существует так много доменных имен API (уровень 2), которые используют прокси-сервер конфигурации прокси-сервера webpack-dev-server, чтобы позволить узлу сообщатьpossible EventEmiter memory leak detecetedпредупреждение.
  2. Часть расширенного текста предназначена для прямого копирования стиля расширенного текста официального веб-сайта Nuggets.
  3. Отображение некоторых страниц недостаточно плавное и требует доработки в будущем.
  4. Если вы внимательно посмотрите на визуализацию, то увидите, что на некоторых страницах все еще есть ошибки.
  5. Кажется, что анимация переключения страниц недостаточно связна Я не знаю, проблема ли это в коде (абсолютно проблема в коде) или проблема с браузером.
  6. Кажется, есть некоторые проблемы с токеном для входа. Вход в одну и ту же учетную запись в двух приложениях не будет сообщать об исключениях токена, но в этом проекте будут проблемы со входом в два браузера.
  7. Параметр размера шрифта узла html слишком мал, поэтому некоторые элементы, которые забыли задать размер шрифта, могут не отображать текст.
  8. В дальнейшем мы продолжим улучшать проект и развивать некоторые функции, которые можно развивать, надеюсь на вашу поддержку.