Александр Ме

Устанавливаешь Vite получаешь готорый Hello World с SFC + script setup
https://qna.habr.com/answer?answer_id=2119668#answ...

Несколько онлайн примеров из моих предыдущих ответов:
https://qna.habr.com/answer?answer_id=2120126#answ...
https://qna.habr.com/answer?answer_id=2109080#answ...
https://qna.habr.com/answer?answer_id=2097528#answ...

Здесь jQuery не нужен, делай так:
new URL(location).searchParams.get('q');

Привет, Матвей! Очередной раз отвечаю на свой же вопрос сам. Такая жизнь, такая жизнь.

Ладно, в общем суть тут следующая: В компоненте можно выкинуть вообще vue-socket.io, как и vue3-socket.io.
Соединение можно открыть локально при помощи "чистой" либы. Иногда сверкает ее упоминание в документации vue-socket.io, но почему-то она не устанавливается самостоятельно с vue-socket.io.
Поэтому проверните на всякий:
npm install socket.io-client
Теперь отдельно импортируем уже в КОМПОНЕНТЕ
import SocketIO from 'socket.io-client'
Ну и теперь для соединения танцуем так:

this.sessionSocket = SocketIO('',{
          path: '/bot/socket.io/'
        })

Я использую пустой адрес и изменяю patch, т.к. проксирую это все дело через vite с целью избежать проблемы с CORS при тестировании.

Ну и как это дело использовать:
Отправить сообщение:
this.sessionSocket.io.emit('test')
А подписаться на событие:

this.sessionSocket.on('test',()=>{
          console.log('Hello World)
        })

Полная документация по этим танцам: https://socket.io/docs/v4/client-api/

функция возвращает массив игроков. этот массив записывается в переменную cats и потом выводится в консоль

вообще плохой тон использовать одну и ту же переменную для разных целей. Лучше было бы написать

let players = runGames(gameRuleset, cats);
console.log(players);

Не нужен там неймспейс

use App\Http\Controllers\Admin\Post\IndexController;

Route::prefix('admin')->group(function() {
   Route::get('/post', IndexController::class)->name('admin.post.index');
});

Всё правильно, метод возвращает false и первой выполняется ветка else, результат возвращается ожидаемый:

let company = {
  sales: [{name: 'John', salary: 1000}, {name: 'Alice', salary: 600 }],
  development: {
    sites: [{name: 'Peter', salary: 2000}, {name: 'Alex', salary: 1800 }],
    internals: [{name: 'Jack', salary: 1300}]
  }
};

function sumSalaries(department) {
  if (Array.isArray(department)) {
    console.log('case 1');
    return department.reduce((prev, current) => prev + current.salary, 0);массива
  } else {
    console.log('case 2'); // Выполняется первой
    let sum = 0;
    for (let subdep of Object.values(department)) {
      sum += sumSalaries(subdep);
    }
    return sum;
  }
}

alert(sumSalaries(company)); // 6700 === 6700

если методом reduce мы обрабатываем только массив названия ключей, то откуда внутри метода значения этих ключей?

Вы итерируетесь по массиву с ключами (которые достали через Object.keys(obj) у объекта), но доступ к переменной obj то у вас остается и переменная никуда не делась и не изменилась, не пропала :), вот вы с ней и работаете

А зачем вы экспортирует так export default new VueRouter();
Если вы это объявляете в переменной router, ее и нужно экспортировать
export default router

Тоже воевал с такими "кашами". Все же при полном разделении бэка и фронта разработку вести удобнее, и все более логично. Сейчас использую quasar framework (это тоже vue). Yii приложение работает как rest application (отдает только данные, обработка стандартных запросов из коробки), а фронт на quasar. Hot reload webpack и прочие плюшки такого подхода радуют.
Основная идея : я настроил конфиг вебпака так, что после сборки он выгружает весь код в папку Yii web. Точка входа в одном представлении - app. Оно тоже модифицируется -

//таким образом в app.php указываются ссылки на  сгенерированные js файлы
   afterBuild() {
        let writeableStream = fs.createWriteStream('../views/site/app.php');
    //......
        fs.createReadStream('../web/index.html').pipe(writeableStream);
      },

Соответственно, мы получаем обычное Yii. Что радует - при таком подходе сессии, csf токены - все работает как обычно. Только для локальной разработки , когда vue приложение запускается через свой сервер (мы же работаем локально через cli) - приходится получать csf самостоятельно.

Мне нравится Quasar
Работал с Vuetify, слишком много багов, по сравнению с Quasar

Docker очень удобен и прост для поднятия каких угодно сервисов для нужд проекта...
RabbitMQ, базы для дева/теста, какие угодно демоны и прочее... супер-просто и супер-надежно

Статьи про ненужность Докера идут только в контексте контейнеров на проде в кубере и прочее

если, например мне нужно запустить 3 сайта. api.domain.loc, lk.domain.loc, domain.loc. Как сделать, чтобы в адресной строке браузера указывать эти домены и попадать на каждый проект?

для данного решения вы можете поставить еще один контейнер с nginx как реврес-прокси или traefik как тот же реверс-прокси, который будет ваши урлы роутить внутри приватной network внутри докер-сервисов и отправлять туда запросы...

Итого:

• Создаете в docker-compose некоторую сеть (секция network в docker-compose.yml, у каждого из сервиса делаете expose 80 порта (не биндинг портов, чтобы конфликта в localhost не было)
  
• Ставите реверс-прокси с nginx, чтобы он тоже мог с этой сетью работать
  
• Настраиваете его так, чтобы роуты он направлял в нужные сети нужным серисам
  
• Все домены добавляется в /etc/hosts
  

Добрый день - узнал об этом через ccleaner

Ну для начала нужно удалить ccleaner - это тот ещё малварь.

Обе записи что про powershell, что про OpenSSH выглядят нормально. Но данных не достаточно - приложи сюда скрин из планировщика задач/автозапуска со всеми опциями.

антивирусы почему-то это все не обнаруживают

Потому что это и не вирусы вовсе.

const sorted = (arr, key) => arr
  .map(n => [ key(n), n ])
  .sort(([a], [b]) => a < b ? -1 : +(a > b))
  .map(n => n[1]);

Так как сортировка сбивается из-за наличия нечисловых символов в начале некоторых строк, просто вырежем их:

const sortedArr = sorted(arr, n => n[0].replace(/^\D+/, ''));

Если же значения могут быть не только двухзначными, то сравнивать их как строки уже нельзя. Делаем из них настоящие числа, считаем сумму; если второе слагаемое отсутствует, используем первое повторно:

const sortedArr = sorted(arr, n => {
  const d = n[0].match(/\d+/g);
  return +d[0] + +d.at(-1);
});