Искуственный интеллект в работе

  Если бы не ChatGPT у меня никогда бы не хватило сил портировать сайт под Angular. В старом подходе странички генерировались на сервере, сейчас же это происходит полностью с помощью браузера. С сервера берутся только данные. В итоге страничка берет много памяти, грузится долго, но только первый раз и может вообще хранится в кеше браузера, а подгружаются только котировки.

   Кстати новый функционал с отчетностью финансовой РСБУ/МСФО полностью реализован на клиенте. По факту это только одна страничка с большим массивом, из которого берутся данные и строятся графики и таблички уже на браузере. К серверу обращений нет вообще! Все строится у вас на компьютере локально, хоть и выглядит как запрос к серверу.

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

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

  Вот так это выглядело:

есть компонент с отображением заголовков. напиши компонент который показывает не заголовки, а содержимое причем при прокручивании вниз темы подгружаются по 5 шутк. Редактировани и добавление коментариев не нужнно

Для реализации компонента, который будет отображать содержимое тем и подгружать новые по мере прокрутки, мы можем воспользоваться стратегией ленивой загрузки (lazy loading). Для этого можно применить библиотеку ngx-infinite-scroll, которая помогает реализовать подгрузку данных по мере прокрутки вниз.

Ниже пример компонента, который отображает содержимое тем по 5 штук, подгружая новые данные при прокрутке вниз. Редактирование и добавление комментариев, как указано, убрано.

Объяснение:

1. Шаблон отображает темы и при прокрутке вниз вызывает метод onScrollDown, который увеличивает страницу и подгружает новые темы.
2. Компонент запрашивает темы из сервиса, добавляет их в массив topics и обновляет данные при подгрузке.
3. NewsService делает HTTP-запросы с пагинацией.
4. Безопасность HTML: Для того чтобы избежать инъекций, мы используем DomSanitizer для безопасного отображения HTML-содержимого тем.

Теперь при прокрутке страницы будут подгружаться следующие 5 тем.

Назад

Залогинтесь, что бы оставить свой комментарий