Роман Воропаев (Volk)

Роман Воропаев (Volk)

Был в сети 06 ноября 2019, 08:28
Заказы принимаю
shtyrman
shtyrman
1
0
Это все понятно, я про бэк.
Николай пилите лучше дальше статьи по фронту и бэку. Я читал их у вас. А сейчас не понятно, что у вас на ресурсе. Получается типа доска объявлений.
И касательно фронта.
Имея продолжительный опыт с реактом, думали уйти от этого кривого конструктора в сторону angular или vue?
Владимир
Владимир
1
0
спасибо, все работает замечательно

Единственный момент, если у вас есть вариант оплаты Наличными при получении, нужно вот здесь

elseif ($payment = $this->modx->getObject('msPayment',
	array('id' => $order->get('payment'), 'active' => 1))
)
заменить на

elseif ($payment = $this->modx->getObject('msPayment',
	array('id' => $order->get('payment'), 'active' => 1) && $order->get('payment') != 1)
			)
где 1 — ID оплаты Наличными при получении
Константин Ильин
Константин Ильин
2
+1
Волков Николай
Волков Николай
1
0
А и я ещё забыл про service-worker и возможности его для работы сайтов из оффлайна и кэширование на стороне клиента. В случае раздела документации благодаря ему можно получить в итоге некий аналог приложения из iStore или Google Play. В прямом смысле добавляется в меню с приложениями отдельная иконка и запускается все без интернета из кэша. Очень серьёзная технология, но нужны знания.
Волков Николай
Волков Николай
3
+5
Из наиболее простых:
1) PostCSS и autoprefixer => в опциях указывается для каких браузеров и их версий необходима поддержка и в результате для них автоматически добавляются все необходимые версии правил с префиксами/хуки. Вот пример для bootstrap4

Всего нескольких строк добавить нужно.
2) BrowserSync и LiveReload => запускается простой локальный сервер с разрабатываемым сайтом и можно в отдельной вкладке смотреть текущие результаты работы. Более того, когда вносятся какие-либо изменения происходит автоматическое обновление. То есть поменял значение переменной в SCSS, а в браузере уже сразу видишь, что будет в результате. Про постоянные CTRL/CMD + F5 можно забыть. Очень удобно.
3) PurifyCSS => анализ страниц и удаление неиспользуемых правил из CSS. Тут все очевидно надеюсь.
4) Polyfill => Добавление поддержки возможностей новых стандартов в старые версии браузеров. Как пример, shim добавляющий в IE поддержку HTML5. На серьезных сайтах это важно, т.к. в них используются fetch, Promise, стрелочные функции и т.д.
5) генераторы favicon и manifest. Тупо указывается файл с иконкой (хотя в SVG) + описываются название и т.п характеристики сайта и автоматически в html добавляется все нужные метатеги и строки. К примеру, как на картинке ниже:

6) автоматическая обработка картинок + добавление Retina и т.п. версий, как в плане файлов, так и атрибутов в HTML
7) генерация шрифтов из какого-либо формата во все используемые в web, к примеру woff, woff2, eot и т.д. Возможно, что тут и не надо, но в тех случаях, когда сталкиваешься — очень удобно.

Ну и много-премного другого. Выше просто несколько пунктов, которые реализуются добавлением нескольких строк и установкой из репозитория соответствующих пакетов. По большей степени они для автоматизации, но тем не менее результат в итоге очень приятный. Ну и это детский сад конечно все, т.к. я для Gulp перечислил, что помню. Если перейти на WebPack и начать пользоваться модульностью… Вот тут уже весело ибо модульный CSS благодаря PostCSS, автоматическая генерация чанков, React, Асинхронная загрузка абсолютно всего и в том числе стилей, Polymer с кастомным html вроде iron-icon и т.д. но знаний нужно прилично уже.