Size: a a a

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

2020 February 05

n

null in JavaScript Noobs — сообщество новичков
Vitaliy
fetch('https://dog.ceo/api/breeds/image/random').then(res => console.log(res.json()));
fetch('https://dog.ceo/api/breeds/image/random').then(res => res.json()).then(res => console.log(res));
источник

С

Саша in JavaScript Noobs — сообщество новичков
Aleksey Vishnjak
ребят привет) мне нужно перебирая массив и натыкаясь на определенный элемент- производить операцию над последующими двумя элементами массива - как это сделать?
arr[i+1]
arr[i+2]
источник

n

null in JavaScript Noobs — сообщество новичков
Vitaliy
fetch('https://dog.ceo/api/breeds/image/random').then(res => console.log(res.json()));
json() тоже возвращает промис, поэтому его нужно передать дальше с помощью return. все ошибки в catch
источник

n

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

V

Vitaliy in JavaScript Noobs — сообщество новичков
понял спасибо
источник

n

null in JavaScript Noobs — сообщество новичков
Vitaliy
понял спасибо
если нужна справка по чему-либо - mdn
источник

AV

Aleksey Vishnjak in JavaScript Noobs — сообщество новичков
Саша
arr[i+1]
arr[i+2]
попробую) спасибо
источник

V

Vitaliy in JavaScript Noobs — сообщество новичков
я о json как-то даже не сообразил подумать что он возвращает
источник

T

Theo in JavaScript Noobs — сообщество новичков
Sm•ok 😈✔️
Это ведь не css_ru)))
А что там вообще происходит?
источник

YD

Yevhenii Deviantsev ... in JavaScript Noobs — сообщество новичков
Theo
А что там вообще происходит?
жизнь которая мимо тебя проходит
источник

n

null in JavaScript Noobs — сообщество новичков
Shurick
я пока понял что у вас gui логика усложнилась так что функциональное программирование трещит по швам, поэтому и предлагаю решение упаковать в компоненты часть gui
Так, я за компом. Начну издалека.
В самом начале карьеры я делал простые проекты.  Подключал gui компоненты в точке входа (inedx.ts), а там импортил все остальное

import './ui/header.ts'
import './ui/menu.ts'


и, к примеру, в sticky.js


class Sticky {
   constructor(el) {
       this.el = el;
      ....
       this.events = {
           scroll: this.handleScroll.bind(this),
           resize: this.handleResize.bind(this)
       };
   }

   handleScroll() {
     ....      
   }

   handleResize() {
      ....
   }

   unbindEvents() {
         ....
   }

   bindEvents() {
      ....
   }
}

const stickies = document.querySelectorAll('.js-sticky');

if (stickies.length) {
   [...stickies].forEach(stiky => {
       let sticky1 =  new Sticky(stiky)
     sticky1.bindEvents()
 })
}


думаю, как вот такие ui компоненты поизящнее импортить и инициализировать.
источник

S

Shurick in JavaScript Noobs — сообщество новичков
null
Так, я за компом. Начну издалека.
В самом начале карьеры я делал простые проекты.  Подключал gui компоненты в точке входа (inedx.ts), а там импортил все остальное

import './ui/header.ts'
import './ui/menu.ts'


и, к примеру, в sticky.js


class Sticky {
   constructor(el) {
       this.el = el;
      ....
       this.events = {
           scroll: this.handleScroll.bind(this),
           resize: this.handleResize.bind(this)
       };
   }

   handleScroll() {
     ....      
   }

   handleResize() {
      ....
   }

   unbindEvents() {
         ....
   }

   bindEvents() {
      ....
   }
}

const stickies = document.querySelectorAll('.js-sticky');

if (stickies.length) {
   [...stickies].forEach(stiky => {
       let sticky1 =  new Sticky(stiky)
     sticky1.bindEvents()
 })
}


думаю, как вот такие ui компоненты поизящнее импортить и инициализировать.
как удобнее
источник

YD

Yevhenii Deviantsev ... in JavaScript Noobs — сообщество новичков
null
Так, я за компом. Начну издалека.
В самом начале карьеры я делал простые проекты.  Подключал gui компоненты в точке входа (inedx.ts), а там импортил все остальное

import './ui/header.ts'
import './ui/menu.ts'


и, к примеру, в sticky.js


class Sticky {
   constructor(el) {
       this.el = el;
      ....
       this.events = {
           scroll: this.handleScroll.bind(this),
           resize: this.handleResize.bind(this)
       };
   }

   handleScroll() {
     ....      
   }

   handleResize() {
      ....
   }

   unbindEvents() {
         ....
   }

   bindEvents() {
      ....
   }
}

const stickies = document.querySelectorAll('.js-sticky');

if (stickies.length) {
   [...stickies].forEach(stiky => {
       let sticky1 =  new Sticky(stiky)
     sticky1.bindEvents()
 })
}


думаю, как вот такие ui компоненты поизящнее импортить и инициализировать.
источник

n

null in JavaScript Noobs — сообщество новичков
проекты под NDA
источник

YD

Yevhenii Deviantsev ... in JavaScript Noobs — сообщество новичков
тебе же не нужно заливать куда-то весь проект чтобы адекватно составить 1 компонент для примера?)
источник

АН

Александр Ниткин... in JavaScript Noobs — сообщество новичков
Не могу понять в чем ошибка let sum=(a,b)=>{
 return new Promise((resolve, reject)=>{
   const ww=a+b
   ww==10 ? resolve(ww): reject(new Error(`No numbe ${ww}`))
 }
)}

async function re(a,b){
 try{
   return await sum(a,b)
 } catch(erro){
   return erro.message
 }
}

(async ()=>console.log(await re(5,5))) ()
(async ()=> console.log(await re(5,1))) ()
источник

VH

Vladyslav Hrehul in JavaScript Noobs — сообщество новичков
Александр Ниткин
Не могу понять в чем ошибка let sum=(a,b)=>{
 return new Promise((resolve, reject)=>{
   const ww=a+b
   ww==10 ? resolve(ww): reject(new Error(`No numbe ${ww}`))
 }
)}

async function re(a,b){
 try{
   return await sum(a,b)
 } catch(erro){
   return erro.message
 }
}

(async ()=>console.log(await re(5,5))) ()
(async ()=> console.log(await re(5,1))) ()
(async ()=>console.log(await re(5,5))) ();
(async ()=> console.log(await re(5,1))) ()
источник

VH

Vladyslav Hrehul in JavaScript Noobs — сообщество новичков
точку с запятой потерял
источник

АН

Александр Ниткин... in JavaScript Noobs — сообщество новичков
Vladyslav Hrehul
точку с запятой потерял
Спасибо )
источник

KG

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