Как реализован дизайн

Главные вкладки

Аватар пользователя alex-litvinov alex-litvinov 2 мая 2020 в 13:04

Добрый день, я понимаю что не по теме, но может подскажите куда копать.
Наткнулся на сайт и увидел очень интересный представления информации с помощью анимации (пример сайта: https://sushiwok.ru/tam/about/)
Понимаю что используется css, может кто то подскажет мануалы для него или сервисы.

Комментарии

Аватар пользователя gun_dose gun_dose 4 мая 2020 в 10:06

Express - это никакой не фреймворк, а всего лишь веб-сервер. Из фреймворков, вернее библиотек, там реакт используется.

Аватар пользователя gun_dose gun_dose 4 мая 2020 в 11:05

Просто эту определялку создавали люди, которые не могут всего знать. Вообще фраза "сайт создан на фреймворке express" равносильна фразе "сайт drupal.ru создан на фреймворке nginx"

Аватар пользователя gun_dose gun_dose 4 мая 2020 в 19:31

Вот скажи честно, ты юзал экспресс хоть раз? Всё, что он умеет - это ставить заголовки, отдавать статику, либо распределять хэндлеры по роутам. То же самое умеет и http, встроенный в nodejs, вот только никто не говорит, что внутрь nodejs встроен аж целый фреймворк. Хотя хз, может фронтендеры и говорят 😆 Я уже не раз встречал фразу "бэкенд у нас экспресс". Правда потом за вопрос "а данные где хранятся?" можно случайно улететь в чёрный список.

Аватар пользователя bumble bumble 4 мая 2020 в 20:07

Всё, что он умеет - это ставить заголовки, отдавать статику, либо распределять хэндлеры по роутам.

Интересно, что еще он должен уметь...

Задача любого фреймворка - предоставить SDK и упростить работу с рутинными задачами.

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

То же самое умеет и http, встроенный в nodejs

Как и в любом другом фм-ке, он делает то же, что и язык, на котором он написан. PHP, тоже, "из коробки", умеет все - ввод, вывод, хедеры, формочки, вот это вот все.

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

Аватар пользователя gun_dose gun_dose 4 мая 2020 в 23:22

Вот только экспресс не умеет ни кэш, ни авторизацию, ни формочки, ни ресолв зависимостей, ни модульность, потому что веб-сервер это веб-сервер, и ничего более.

Фре́ймворк (иногда фреймво́рк; англицизм, неологизм от framework — остов, каркас, структура) — программная платформа, определяющая структуру программной системы; программное обеспечение, облегчающее разработку и объединение разных компонентов большого программного проекта.

Отсюда
Так вот экспресс вообще никаким образом не определяет структуру приложения и не объединяет никакие компоненты. Типичная схема его работы - передать в него хэндлер запроса, как функцию, и всё. Абсолютно также, как апачу или энжинксу нужно указать, что такие-то запросы обрабатывает index.php, а такие-то отдать, как статику.

Там же далее по тексту:

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

В данном случае express.js - это и есть библиотека для реализации функционала веб-сервера.

Пример фреймворка - это symfony. Чтобы было совсем понятно, представь, сколько времени займет переписывание проекта с симфони на чистый пхп. Для сравнения, переписать проект с express.js на нативный js - это порядка 15-60 минут.

Аватар пользователя bumble bumble 5 мая 2020 в 2:08

Вот только экспресс не умеет ни кэш, ни авторизацию, ни формочки, ни ресолв зависимостей, ни модульность, потому что веб-сервер это веб-сервер, и ничего более.

Вот, все умеет. Как-раз, благодаря модульности.

Так вот экспресс вообще никаким образом не определяет структуру приложения и не объединяет никакие компоненты

Пфф.. Еще бы, какой-то там фреймворк, рассказывал и указывал то как, что и где писать. В топку такие! В данном случае, инфа на вики - крайне плохой показатель.

Типичная схема его работы - передать в него хэндлер запроса, как функцию, и всё.

Еще раз. Это задача любого веб-фреймворка.
И это далеко не все что можно делать с помощью экспресса, если понимать как пользоваться таким функционалом.

Пример фреймворка - это symfony. Чтобы было совсем понятно, представь, сколько времени займет переписывание проекта с симфони на чистый пхп. Для сравнения, переписать проект с express.js на нативный js - это порядка 15-60 минут.

Это, фейспалм, конечно же...

Аватар пользователя gun_dose gun_dose 5 мая 2020 в 8:54

bumble wrote: Вот, все умеет. Как-раз, благодаря модульности

Дай что ли ссыль на мануал по модулю форм для экспресса.

Аватар пользователя gun_dose gun_dose 5 мая 2020 в 10:35

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

Аватар пользователя bumble bumble 5 мая 2020 в 11:10

И, за 2 года, не сталкивался с задачами по обработке данных, авторизациям, кешам всяким?

Я, так-то, и на ламбе не ездил. Но, мне ничего не мешает утверждать что это автомобиль.

Аватар пользователя gun_dose gun_dose 5 мая 2020 в 20:21

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