{"id":2412,"title":"\u0423\u0433\u0430\u0434\u0430\u0439\u0442\u0435 \u0433\u043e\u0440\u043e\u0434\u0430 \u043f\u043e \u0437\u0432\u0443\u043a\u0443 \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u044e\u0449\u0435\u0433\u043e\u0441\u044f \u043f\u0438\u0432\u0430 \u0438 \u043f\u0435\u043d\u0438\u044e \u043a\u0438\u0442\u043e\u0432","url":"\/redirect?component=advertising&id=2412&url=https:\/\/vc.ru\/special\/sound&placeBit=1&hash=1620c155cf544062859cfaabcc12f9dd73613708c43c381ba3dbf0828037edcd","isPaidAndBannersEnabled":false}
Юрий Гринев

Делаем свою Основу. Четвертый день за чертой страха

Это был очень сложный день. Долго разбирался и доделывал обертку для Leonardo. Исправлял недоразумения в эвентах окна авторизации. Собирал Layout компоненты.

Результат на текущий момент

Большое кол-во времени потратил на полировку кода компонентов и приведение к единому стилю, похожему на код с «Air», но только на шине событий. Теперь то душенька спокойна, мне нравится результат.

Но больше всего меня заняло написание компонентов Layout. Как никак, это будущая UI/UX основа Основы, вероятнее всего.

Но что меня особенно удивляет, так это полный хаос в неймингах компонентов, их расположении и свойствах. Это конечно очень сильно затрудняет мой «реверс-инжиниринг» фронтэнда Основы.

Из проделанного на текущий момент:

  • Найдена картинка для окна авторизации(!)
  • Удален весь текст-рыба. Теперь все серьезно, без дурачества lorem.
  • Добавлена сортировка ленты. Еще один шаг на пути к реализации ленты.
  • Исправлен переход по ссылкам. На самом деле надо было раньше починить, но заметил необходимость только сейчас.
  • Написан виджет новостей. Он полностью на VueJS, полностью новый и полносью реактивный. Старое решение для 2021 года просто дико.
  • Готовы Layout компоненты. На их основе сделаны разделы рейтинга и подсайтов. По всей видимости, разработчики Основы тоже к этому придут.
  • Готовы страницы Рейтинга и Подписок. Вместо старых компонентов написано на новых, Layout’овых.

Основные задачи на следующий день:

  • Довести до ума страницы с информацией (Кажется, придется начинать писать бэкэнд)
  • Отполировать весь имеющийся код
  • Протестировать переключение тем
  • Написать плагин для работы с метатегами и классом для body

Как обычно, демонстрация находится по ссылке.

{ "author_name": "Юрий Гринев", "author_type": "self", "tags": ["vue","posledstvie","osnova","dev"], "comments": 6, "likes": 8, "favorites": 2, "is_advertisement": false, "subsite_label": "unknown", "id": 856113, "is_wide": true, "is_ugc": true, "date": "Wed, 08 Sep 2021 19:02:00 +0300", "is_special": false }
0
6 комментариев
Популярные
По порядку
Написать комментарий...

Напомни, пожалуйста, почему ты решил лично сайт пересоздать?
Я помню здесь как-то раз пользователь до менее сломанного ума поисковик довел, но за этим не последовало ничего

P.S. Но за старание крепкая пятерка, конечно  ред.

3

На самом деле причин нет. Но в академических целях и целях "показать как надо" решил выделить несколько дней на ремейк. Дальше цикла статьей об особенностях Основы, конечно, вряд ли дойдет. Но не будем загадывать. ред.

5
Ночной кофе

А темная тема будет? ред.

0

Не отвлекай

0

Как видишь. Но это, повторюсь, в целях изучения возможности реализации данного функционала. ред.

0

не забудь сделать так, что бы у "свежего" был приоритет над "популярным" ибо ну пиздец же сука

0
Читать все 6 комментариев
{"hash":"1b846ee8","params":{"id":"dtfru","service":1,"title":"\u041f\u0440\u044f\u043c\u043e\u0439 \u044d\u0444\u0438\u0440","isLegacy":true}}