Как сделать кнопку закрытия и открытия по клику правильно на JS/JQ?

https://api.jquery.com/toggleclass/

Как в превью docx файла выделить фрагмент текста согласно координатам?

lacront, хотя если будет со скроллом, то блок с подсветкой все равно останется на правильном месте по процентам

может как-то так поможет, на реакт перекинуть это несложно будет
https://codepen.io/anon/pen/gVRqza?editors=1010

Антон Спирин, лучше на всякий случай перевысчитывать каждый раз getBoundingClientRect(), а не брать offsetHeight, как я сделал?

Как повторить ajax запрос?

sheeel, я пошел на эту лигу ставок и прямо там в консоли вставил этот код
так что не знаю, работает же

Как повторить ajax запрос?

sheeel, ну как-то так выходит массив с outcomes

data.result.map(
  v => v.events.map(
    v => v.outcomesWinner.main || v.outcomesWinner.ot
   ) 
).flat().map(v => v.outcomes)

просто кое-где outcomes один, а кое-где их несколько, через .flat() я всё стягиваю в один массив

Как найти похожие ПО ЦВЕТУ товары по изображению?

я почему-то уверен, что там "похожие" товары не визуально, а по функционалу / кейвордам в описании

Как повторить ajax запрос?

sheeel, это по какому адресу запрос, чтобы у меня тоже был такой объект и было понятнее?

но так навскидку попробуй

data.result.map(v => 
  v.events.map(v => 
    (v.outcomesWinner.main || v.outcomesWinner.ot).outcomes 
  ) 
)

Как повторить ajax запрос?

a = await fetch("https://ega.bet/bets?ajax=&st=0&ut=0&f=", {"credentials":"include","headers":{"accept":"application/json, text/javascript, */*; q=0.01","accept-language":"en-US,en;q=0.9","cache-control":"no-cache","pragma":"no-cache","x-csrf-token":"stgtVCEQDZW6ATbIo2sBBFor6yXyHwEstZsxELKcLhOcWN5jqJgK9xLPKuvc8KzdR5XJT5/ap8RFG25ZPHXkBg==","x-egb-locale":"ru","x-newrelic-id":"VQ4FV19XCRAJUlVVAQAEVw==","x-requested-with":"XMLHttpRequest"},"referrer":"https://ega.bet/","referrerPolicy":"no-referrer-when-downgrade","body":null,"method":"GET","mode":"cors"});

// Response {type: "basic", url: "https://ega.bet/bets?ajax=&st=0&ut=0&f=", redirected: false, status: 200, ok: true, …}

await a.json()
// {user_time: 1564574569, ut: 0, bets: Array(150), nested_bets: Array(723)}

UPD по ходу должно хватить оставить только эти заголовки

a = await fetch("https://ega.bet/bets?ajax=&st=0&ut=0&f=", { 
  "headers": {
    "accept":"application/json, text/javascript, */*; q=0.01",
    "x-requested-with":"XMLHttpRequest"
  }
});

await a.json()

Как правильно сделать страницы SPA на реакте?

не по теме, но

className={`grid-header ${props.wide && "wide"}`}
// будет добавляться класс false, если нет props.wide 

// пиши так
className={`grid-header ${props.wide ? "wide" : ''}`}

Как создать такую анимацию?

ну он конечно тяжелый, но не настолько

Как сделать такую анимацию?

короче это браузерное webgl api, даже не фреймворк никакой
https://developer.mozilla.org/en-US/docs/Web/API/W...

Как лучше собрать и получить данные для ajax запроса из массива объектов?

может как-то иначе собрать на стороне сервера запрос к ДБ, чтобы сразу возвращались и мессаджи, и юзернеймы?
а то в итоге потом еще каждый юзернейм айди запрашиваешь отдельно (а если их МИЛЛИОН?)

Почему не грузит фото тегом img src в проекте node.js?

app.use('/public', express.static('public'));

Александр Кошелев, то есть если положить картинку в public/img/kartinka.jpg
и в браузере запросить < img src="/img/kartinka.jpg" >, то в консоли будет 404 нот фаунд картинка?


это вообще мимо, получается что хочешь запросить картинку из папки films/.... которая лежит в одной папке/каталоге с index.html, то есть такого вообще не существует

Нужна помощь css?

ImperatorGreasy, вообще не указывать, по умолчанию relative, то есть элемент будет вести себя так "как и всё остальное", то есть тупо рисоваться на странице слева направо, сверху вниз

если absolute, то вручную задаешь координаты элементу, это конечно может быть нужно, если что то надо РЕАЛЬНО разместить где-то на экране (эффект какой нибудь, итд), но карточки типа таких должны быть просто в отдельно контейнере и подчиняться правилам размещения в контейнере (как я выставил display:flex; justify-content: , чтобы их выравнять)

https://developer.mozilla.org/ru/docs/Web/CSS/position

Нужна помощь css?

ImperatorGreasy, всё из-за position: absolute, абсолют вообще для таких вещей не надо использовать, вот положил эти три блока в общий контейнер (div class="wrap"), и в нем просто отцентровал чуток

https://codepen.io/anon/pen/jgygja

Как в реакт подгружать меню не обновляя его свойств при перерендере?

Айрат Мухаметшин, а можно родительский компонент посмотреть?

Проблема в том что при каждом смене url меню обновляется сменяя активный класс

проблема в том, что LeftMenu ведь не должен перерендериваться вообще, а перерендериваться должен компонент "справа от меню", там где контент страницы

то есть что-то вроде

<main>
  <LeftMenu />

  <Switch>
    <Route path='/dashboards/1' component={Dash1} />
    <Route path='/dashboards/2' component={Dash2} />
    ...
  </Switch>
</main>

Почему 07 это строка, а не число?

partyzanx,

alert(typeof 07); выдаёт number.

числа которые начинаются с нуля JS понимает как числа восьмеричной системы

console.log(010)
// 8

Как сделать чтобы бот реагировал на слово даже если оно в контексте?

я тоже иногда тут вопросы читаю и удивляюсь, типа "вот написал апп на реакте с сервером и базой данных, не пойму как сравнить две строчки" ¯\_(ツ)_/¯

Как исправить ошибку при запросе к API с использованием axios?

да не, должно работать


SerJook попробуй без аксиоса,

mounted() {
  fetch('https://yesno.wtf/api')
     .then(resp => resp.json())
     .then(response => (this.info = response.data.answer));
},

Как правильно получать данные с сервера в SPA (React + Redux)?

если я уйду из этого поста в другой пост, а потом вернусь в этот пост, то буду ли я ожидать здесь увидеть новые комментарии, или "и так сойдет"?

Как сверстать такой пост?

ArturPetrov, если через create-react-app, то например

// App.js

import React from 'react'
import './App.css'
import { BrowserRouter, Link, Switch, Route } from 'react-router-dom'

class Post extends React.Component {
  componentDidMount() {
    if (this.props.location.pathname === '/post/comments') {
      this.scrollToComments()
    }
  }

  componentDidUpdate() {
    if (this.props.location.pathname === '/post/comments') {
      this.scrollToComments()
    }
  }

  scrollToComments() {
    const element = document.querySelector('#comments')
    element.scrollIntoView()
  }

  render() {
    return (
      <>
        <h1>Post</h1>
        <div>{new Array(100).fill(<p>long post</p>)}</div>
        <h2 id='comments'>Comments</h2>
        <div>{new Array(100).fill(<p>comment</p>)}</div>
      </>
    )
  }
}

function App() {
  return (
    <BrowserRouter>
      <div className='App'>
        <nav>
          <Link to='/post'>go to post</Link>
          <Link to='/post/comments'>go to comments</Link>
        </nav>
        <main>
          <Switch>
            <Route path='/post' component={Post} />
            {/*
              other routes
            */}
          </Switch>
        </main>
      </div>
    </BrowserRouter>
  )
}

export default App