historydev

Здравствуйте. Вам необходимо позиционирование.

#myDiv {
   position: absolute;
   z-index: 999;
}

Вот пример с двумя модами, пожалуйста не копируйте, а прочтите код.

Здесь не сокет, а сервер.

const socket = io("https://server-domain.com");

Юзайте хост по типу

localhost:3000

Это что шутка? Не смешная)
margin: 0 2px;

const io = require('socket.io');

let players = {};
    io.on('connection', function(socket) {
      socket.on('new player', function() {
        players[socket.id] = {
          x: 300,
          y: 300
        };
      });
      socket.on('movement', function(data) {
        var player = players[socket.id] || {};
        if (data.left) {
          player.x -= 5;
        }
        if (data.up) {
          player.y -= 5;
        }
        if (data.right) {
          player.x += 5;
        }
        if (data.down) {
          player.y += 5;
        }
      });
    });
    setInterval(function() {
      io.sockets.emit('state', players);
    }, 1000 / 60);

Ну смотри, создаёшь таблицу с постами, работаем с id.

id = int - auto_increment

Следом выводим на страницу постов, пока сделай общую страницу, чтобы избежать головоломки (поверь мне)

Добавь кнопку "репост" допустим.

Создай роут на экспрессе /repost допустим с типом POST

В1 - Добавь таблицу юзеров где одним из полей будет reposts

В2 - создай таблицу под репосты где указывай id юзера + id поста

Если В1 - вытаскивай из этого столбца данные, пуш туда новые id и записывай

Если В2 - тоже самое, только по полям с id - юзер и parent_id - id поста.

const el = React.createRef();
const [height, setH] = useState();

useEffect(() => setH(el.current.style.height));

<div ref={el} />
<div style={{height: height}}/>

Click

const replacePhone = (phone) => phone.split('').map((el, i) => i === 1 || i === 4 || i === 7 || i === 9 ? el+' ' : el).join('');

console.log(replacePhone('+79031002020'));

clip-path

Привет юный любитель знаний, вот держи.

P.S. Играйся с задержкой, пока не придёшь к нужному тебе результату.

Что такое fetch? Не, мы не знаем, сложно. Мы нашли socket.io!

Всё что хочешь делай, но не покупай аутист-курсы у челов, которые обещают слепить из тебя супер-залупер кодера, которого гугл с руками и ногами заберёт и это за 2 месяца или сколько там) Ютуб + гугл, на learn js мало того, что тебе реально пригодится, именно по задачам.

Прямой ответ на прямой вопрос:

/* Как создавать объекты через функции? */

function getObj(id, name) {

  return {
    id: id,
    name: name
  }

}

console.log(getObj(1, 'myFirstObject').name)

<script>

function myEvent() { console.log('My Event!'); jq_QuizNextOn(); }

</script>

<div id="jq_next_link_container" onclick="myEvent()"><div class="jq_back_button" id="jq_quiz_task_link_container"><a class="btn btn-primary" href="javascript: void(0)" title="NEXT">NEXT</a></div></div>

str.split('').splice(37, 0, ':').join('');

Файл донор:

const express = require("express");
const app = express();

server = app.listen(11050, function () {
  console.log("server is running on port 11050");
});

const io = require("socket.io")(server);

io.on("connection", (socket) => {
  console.log("Users component is connected");

  socket.on("disconnect", () => {
    console.log("Users component was disconnected");
  });

  setInterval(() => {
    socket.emit("newNumber", generateRandomNumber());
  }, 1000);
});

function generateRandomNumber() {
  let number = Math.floor(Math.random() * 100);
  const dateTime = new Date().getTime();
  let item = {
    x: dateTime,
    y: number,
  };
  return item;
}

module.exports = { io };

Файл наследник:

const { io } = require('путь_к_файлу_донору');

io.on('connection', (socket) => {

   // Логика текущего роута

})

А если ты хочешь app.post('/socketRoute') - то читай документацию сокетов, там про румы всё разжёвано до мелочей, будешь вешать пустые роуты в экспресс по типу => app.post('/needFuckingSocketRoom', (req, res) => {}); и уже открывать сокет соединение определённого рума после запроса на этот роут, это костыль как по мне, не копался в подобном глубоко

Что за закон подлости???? Как только я пишу сюда, уже отчаявшись от собственной беспомощности, нахожу решение. Просто рофл парни) Мне помогло это:

npm uninstall next && npm i next

Короче расклад такой - нужно обращаться к каждому элементу отдельно, по крайней мере это работает для меня:

<div className={styles.social}>
                        <div className={`${styles.socItem} fab fa-vk`} onClick={(e) => activeSoc(e, 'vk')}/>
                        <div className={`${styles.socItem} fab fa-twitter`} onClick={(e) => activeSoc(e)}/>
                        <div className={`${styles.socItem} fab fa-telegram`} onClick={(e) => activeSoc(e)}/>
                        <div className={`${styles.socItem} fab fa-facebook`} onClick={(e) => activeSoc(e, 'facebook')}/>
                        <div className={`${styles.socItem} fab fa-google`} onClick={(e) => activeSoc(e)}/>
                        <div className={`${styles.socItem} fab fa-yandex`} onClick={(e) => activeSoc(e)}/>
                        <div className={`${styles.socItem} fas fa-envelope`} onClick={(e) => activeSoc(e)}/>
                    </div></button>

Тут без ручной работы никак, напишите запрос в базу по шаблону и тяните данные из файла, либо в ручную их переносите но это долго будет.

Разобрался, вот здесь нужно добавить exact

<Route exact path='/'>
                        <Header />
                        <GetMain />
                        <Footer />
                    </Route>