Size: a a a

JavaScript Noobs — сообщество новичков

2021 February 17

FE

Fatal Error in JavaScript Noobs — сообщество новичков
Друзья, подскажите пожалуйста. Допустим у меня есть страница со списком и инпутом, чтобы добавлять новые пункты. Я могу как то по средствам js сохранять изменения в этом списке, чтобы после перезагрузки страницы эти данные оставались? Или с помощью каких инструментов реализовать это?
источник

j

jk in JavaScript Noobs — сообщество новичков
Night Lovell
Как найти ближайшую дату к текущей через moment ?
https://momentjs.com/docs/#/displaying/difference/ не подходит? А, ты уже используешь.
источник

AP

Anton Permyakov in JavaScript Noobs — сообщество новичков
Fatal Error
Друзья, подскажите пожалуйста. Допустим у меня есть страница со списком и инпутом, чтобы добавлять новые пункты. Я могу как то по средствам js сохранять изменения в этом списке, чтобы после перезагрузки страницы эти данные оставались? Или с помощью каких инструментов реализовать это?
localStorage
источник

А

Александр in JavaScript Noobs — сообщество новичков
Александр
фильтруешь, потом достаешь первый/последний элемент
А, не, глупость написал, вот тебе там выше человек подсказал, самый простой способ, через это и reduce
источник

FE

Fatal Error in JavaScript Noobs — сообщество новичков
Anton Permyakov
localStorage
Спасибо
источник

R

Roman in JavaScript Noobs — сообщество новичков
у меня есть такая структура
const lines = [
   {
       position: 1, attributes: {}
   },
   {
     position: 2,
     attributes: {
       'section-item': { depth: '1', id: '6be8bd63-6488-4276-8efb-e991888e9ff5' }
     },
   },
   {
     position: 3,
     attributes: {
       list: {
         depth: '1',
         sectionId: '6be8bd63-6488-4276-8efb-e991888e9ff5',
       }
     },
   },
   {
     position: 4,
     attributes: {
       'section-item': { depth: '2', id: 'e7b8c86c-b4d5-4873-a20c-446ef95224b2' }
     },
   },
   {
       position: 5,
       attributes: {
         list: {
           depth: '2',
           sectionId: 'e7b8c86c-b4d5-4873-a20c-446ef95224b2',
         }
       },
     },
 ]



как сгрупировать ее по грубине? например для айтема с позицией 2 будет поле children и туда будут входить вложение айтемы?
источник

j

jk in JavaScript Noobs — сообщество новичков
Night Lovell
Как найти ближайшую дату к текущей через moment ?
Если разница между now и el.due_date меньше чем между now и nearestDate, то значение nearestDate становится el.due_date.
источник

j

jk in JavaScript Noobs — сообщество новичков
Roman
у меня есть такая структура
const lines = [
   {
       position: 1, attributes: {}
   },
   {
     position: 2,
     attributes: {
       'section-item': { depth: '1', id: '6be8bd63-6488-4276-8efb-e991888e9ff5' }
     },
   },
   {
     position: 3,
     attributes: {
       list: {
         depth: '1',
         sectionId: '6be8bd63-6488-4276-8efb-e991888e9ff5',
       }
     },
   },
   {
     position: 4,
     attributes: {
       'section-item': { depth: '2', id: 'e7b8c86c-b4d5-4873-a20c-446ef95224b2' }
     },
   },
   {
       position: 5,
       attributes: {
         list: {
           depth: '2',
           sectionId: 'e7b8c86c-b4d5-4873-a20c-446ef95224b2',
         }
       },
     },
 ]



как сгрупировать ее по грубине? например для айтема с позицией 2 будет поле children и туда будут входить вложение айтемы?
Покажи результат так же как источник.
источник

j

jk in JavaScript Noobs — сообщество новичков
Это на порядок проще чем расшифровывать то что ты имел в виду.
источник

S

System404 in JavaScript Noobs — сообщество новичков
jk
Покажи результат так же как источник.
Походу что то вроде
{
 position: 1,
 children: [
   {
     position: 2,
     children: [/**/],
   },
 ],
}
источник

I

IllyaOn in JavaScript Noobs — сообщество новичков
каллбек-функции нужны для того чтобы установить точный порядок каких-либо действий?
источник

Ю

Юра in JavaScript Noobs — сообщество новичков
IllyaOn
каллбек-функции нужны для того чтобы установить точный порядок каких-либо действий?
это функции, которые выполняются после какого то события
источник

S

System404 in JavaScript Noobs — сообщество новичков
IllyaOn
каллбек-функции нужны для того чтобы установить точный порядок каких-либо действий?
Коллбэки нужны, чтобы их вызвали когда нибудь. Или не вызвали. И все
источник

R

Roman in JavaScript Noobs — сообщество новичков
section-item это будет как корень в дереве
короче нужно сформировать дерево
и в чилдренах sectionId если совпадает с id в корене то он относится к этому кореню

на выхоже должно быть что-то такое

 const lines = [
   {
       position: 1, attributes: {},
       children: []
   },
   {
     position: 2,
     attributes: {
       'section-item': { depth: '1', id: '6be8bd63-6488-4276-8efb-e991888e9ff5' }
     },
     children: [
       {
           position: 3,
           attributes: {
             list: {
               depth: '1',
               sectionId: '6be8bd63-6488-4276-8efb-e991888e9ff5',
             }
           },
           children: []
         },
         {
           position: 4,
           attributes: {
             'section-item': { depth: '2', id: 'e7b8c86c-b4d5-4873-a20c-446ef95224b2' }
           },
           children: [
               {
                   position: 5,
                   attributes: {
                     list: {
                       depth: '2',
                       sectionId: 'e7b8c86c-b4d5-4873-a20c-446ef95224b2',
                     }
                   },
                   children: []
                 },
           ]
         },
     
     ]
   },
 ]
источник

R

Roman in JavaScript Noobs — сообщество новичков
jk
Покажи результат так же как источник.
результат должен быть таким
источник

Ю

Юра in JavaScript Noobs — сообщество новичков
System404
Коллбэки нужны, чтобы их вызвали когда нибудь. Или не вызвали. И все
под это описание попадает любая функция. Но не любая функция - коллбек
источник

R

Roman in JavaScript Noobs — сообщество новичков
System404
Походу что то вроде
{
 position: 1,
 children: [
   {
     position: 2,
     children: [/**/],
   },
 ],
}
Да
источник

S

System404 in JavaScript Noobs — сообщество новичков
Roman
section-item это будет как корень в дереве
короче нужно сформировать дерево
и в чилдренах sectionId если совпадает с id в корене то он относится к этому кореню

на выхоже должно быть что-то такое

 const lines = [
   {
       position: 1, attributes: {},
       children: []
   },
   {
     position: 2,
     attributes: {
       'section-item': { depth: '1', id: '6be8bd63-6488-4276-8efb-e991888e9ff5' }
     },
     children: [
       {
           position: 3,
           attributes: {
             list: {
               depth: '1',
               sectionId: '6be8bd63-6488-4276-8efb-e991888e9ff5',
             }
           },
           children: []
         },
         {
           position: 4,
           attributes: {
             'section-item': { depth: '2', id: 'e7b8c86c-b4d5-4873-a20c-446ef95224b2' }
           },
           children: [
               {
                   position: 5,
                   attributes: {
                     list: {
                       depth: '2',
                       sectionId: 'e7b8c86c-b4d5-4873-a20c-446ef95224b2',
                     }
                   },
                   children: []
                 },
           ]
         },
     
     ]
   },
 ]
По какому принципу 1 и 2 на одном уровне, а 3 вложен в 2?
источник

S

System404 in JavaScript Noobs — сообщество новичков
Юра
под это описание попадает любая функция. Но не любая функция - коллбек
Любая, которая передается в функцию
источник

R

Roman in JavaScript Noobs — сообщество новичков
System404
По какому принципу 1 и 2 на одном уровне, а 3 вложен в 2?
Потомучто елемент на позиции 1 не имеет атрибута section-item значит он не может имееть детей. Если есть такой атрибут то он может иметь
источник