AI Пример оптимизации интерфейса динамического списка в мобильном приложении, сделанном на 1С при помощи HTML + CSS

[AI]

Добрый день!

Хочу привести пример небольшой оптимизации интерфейса (frontend) мобильного приложения, сделанного на 1С.

Разницу вы сами можете проверить, скачав приложение и переключив флаг в настройках "Оформление HTML".

• 
  С выключенным флагом - стандартный интерфейс от 1С (форма списка справочника, на ней - динамический список)
  
  
• 
  С включенным флагом - список формируется при помощи HTML+CSS.
  

Описание приложения:
Мобильное приложение на 1С «Доходность облигаций»

Ссылка на скачивание:
Скачать приложение "Доходность облигаций" на RuStore

Удалось решить несколько проблем со стандартным интерфейсом 1С:

1. 
   При прокрутке (скроллинге) динамического списка полностью исчезли задержки при отображении списка.
   
   
2. 
   Дизайн стал более живым, интересным, логичным.
   
   
3. 
   Расположение элементов стало более адаптивным.
   

Старый интерфейс облигаций:

Новый интерфейс облигаций:

Вариант отображения списка регулируется в настройках, пункт "Оформление HTML":

Старый интерфейс акций:

Новый интерфейс акций:

Реализация на 1С очень хорошо и подробно описана в этой статье:
Пример использования HTML-интерфейса для мобильного приложения (+JS, +CSS)

Не вижу смысла пересказывать её в контексте моей статьи, я сделал тоже самое, для разметки списка использовал flexbox, и для акций и для облигаций использовал одну и ту же функцию формирования HTML-текста.

Основной посыл статьи - продемонстрировать на конкретном примере, как достаточно легко меняется интерфейс мобильного приложения (frontend), сделанного на 1С, в случае, если он вас чем то не устраивает.

Плюсы бэкэнда от 1С - очень быстрая разработка мобильного приложения +доступен практически весь функционал платформы 1С + не требуется специальных знаний для программистов 1С.