Dino Winchester

Есть такой свойство, is, указываете в него компонент и нет проблем.
<Component :is="currentComponent">
И в нужных методах меняете этот currentComponent на компонент, который нужно показать.
Вот примерчик набросал https://jsfiddle.net/set9x5fj/

<div id="app">
  <h2>Toster</h2>
  <Component :is="currentComponent"></Component>
  <input type="button" @click="showComp1" value="showComp1">
  <input type="button" @click="showComp2" value="showComp2">
</div>

Vue.component("comp1", {
	template: "<div>Hello from comp1</div>"
});
Vue.component("comp2", {
	template: "<div>Hello from comp2</div>"
});
new Vue({
  el: "#app",
  data: {
     currentComponent: "comp1"
  },
  methods: {
  	showComp1() {
    	this.currentComponent = "comp1";
    },
    showComp2() {
    	this.currentComponent = "comp2";
    }
  }
})

TypeScript - это JavaScript с опциональной статической типизацией.
Так что зная TypeScript - ты автоматически знаешь JavaScript.
Но это никак не избавляет тебя от изучения браузерных API (или API ноды, если ты хочешь в бэкенд идти)

В каком именно порядке изучать TypeScript - это твоё дело. Возможно, проще будет начать с чуть более простого JS, а может наоборот - проще будет временно забыть о динамической типизации.

Можно задвоить картинку, нижнюю при этом размыть с помощью blur, а также поднять ей яркость и контраст, чтобы яркие участки были более выраженными и не теряли своей цветности. Это самый эффективный и простой способ создания таких теней:


Если лень включать VPN для JSFiddle, то результат такой:


Либо можно сделать примерно то же самое, но с абсолютно позиционированными элементами, расположенными под картинкой.

Либо можно геморроится с множественными box-shadow.

Что значит "конкретной обёртки?
Обработчик какого-то элемента?
Открывайте инструменты разработчика, тыкайте селектором в элемент.
И на той панели где отображаются стили элемента есть вкладка "Event Listeners" ну или том языке, какой у Вас выбран. Там можно посмотреть все обработчики данного элемента.

Если что-то другое, то можно открыть вкладку Sources, сбоку в "проводнике" найти js файлы и искать код там.

Догадываюсь, что нужно бы прописать регулярку

Догадка объяснимая, но неверная, в конечном итоге.
Для изменения произвольного HTML нельзя надёжно использовать регулярные выражения.
Нужно использовать готовые парсеры, которые понимают разметку HTML и умеют обрабатывать ошибки, допущенные в ней (например, DOMDocument::loadHTML). И в итоговом дереве уже рекурсивно делать, что требуется.

const filter = (arr, conditions) =>
  arr.filter(
    function(n) {
      return this.every(([ k, values ]) => values.some(v => v.includes(n[k])));
    },
    Object
      .entries(conditions)
      .map(n => [ n[0], [].concat(n[1]).map(String) ])
      .filter(n => n[1].length)
  );

Массив дат можно вынести наружу, что
1) не будет пересоздавать переменную каждый раз.
2) сделает решение более гибким

let a =  [
   {
      "code":"CL",
      "tnved10":"7318158100",
      "2019":"33",
      "2020":"0.00",
      "2021":"0.00"
   },
   {
      "code":"CN",
      "tnved10":"7318158100",
      "2019":"7540001.66",
      "2020":"8164813.34",
      "2021":"20980774.64"
   }]
let b = a.reduce((acc, current) => {
  [2019, 2020, 2021].forEach(i => acc[i] += Number(current[i]))
  return acc
}, {'2019': 0, '2020': 0, '2021': 0});
console.log(b)

Типа так:

const years = [2019, 2020, 2021]
let b = a.reduce((acc, current) => {
  years.forEach(i => acc[i] += Number(current[i]))
  return acc
}, {'2019': 0, '2020': 0, '2021': 0});

Можно ещё сократить, но уже в ущерб читаемости.
Или можно убрать инициализацию начального значения аккумулятора, перенеся проверку ключа на то, что это год внутрь. Правда это несколько увеличит код внутри reduce, но сделает более гибким код.

Точка в регулярном выражении – один из специальных символов – означает «любой 1 символ». Чтобы буквально обозначить обычную точку, надо её экранировать обратным слешем: \.

В задаче, наверное, вовсе не нужны регулярки, тут же простая замена подстроки:

const str = '1 августа 2022 г.';
str.replace(' г.', '')  // "1 августа 2022"

Если замен несколько, то вместо replace() использовать метод replaceAll()

А лучше всего просто объяснить что бы я в итоге допер сам!

Объясняю: включаешь голову, думаешь, гуглишь, ещё думаешь, делаешь. Вот так всё просто.

Теги не закрыты


Если бы вы писали код нормально, а не через ж (это я про html в строках), то IDE вам бы указала на эти опечатки.

const { drawImage } = canvas.getContext('2d') as CanvasRenderingContext2D;

drawImage(
  ...

Откуда вы взяли, что методы контекста можно вызывать в отрыве от, м-м-м, КОНТЕКСТА?

Что у вас происходит, поясняю на пальцах:

const obj = {
  fucking_value: 666,
  fucking_method() {
    if (!this.hasOwnProperty('fucking_value')) {
      throw 'FUCK OFF';
    }

    console.log(this.fucking_value);
  },
};

const { fucking_method } = obj;
fucking_method();

Какой-то странный ответ выбран решением.
По количеству "фич" SQLite может поспорить со многими "настоящими" базами данных. Я уверен, что автор этого заявления не знает и 5% фич что Sqlite, что Postgres, что mysql.
Непонятно, за счёт чего "Postgresql конечно будет сложнее". Запросы практически те же самые, код тоже особо не изменится. Понятно, что надо будет собственно установить постгрес или там mysql, но это разовое действие, а сама работа с Postgresql ничуть не сложнее чем с sqlite.

Главное отличие sqlite от "нормальных" баз данных не в какой-то воображаемой "простоте", а в том что она встроенная. То есть запускается вместе со скриптом, и вместе с ним же умирает. И памяти ей доступно ровно столько, сколько скрипту. Из чего следует, что индексы, хотя и могут помочь, но их приходится заново считывать в память при каждом запуске скрипта.

В то время как классические DBMS являются постоянно висящими в памяти демонами. У которых все индексы, соответственно, тоже висят в памяти. То есть при обработке запроса система может не сделать вообще ни одного обращения к диску. За счет чего достигается огромный прирост производительности. Надо только следить за тем, чтобы хватало памяти, выделенной для индексов.

Ну что вы как дети?
Каждый раз этот вечнозелёный вопрос обрастает гроздьями любопытных.
Спарсить весь интернет мы хочем, а научиться пользоваться одним поисковым сервисом - не можем.

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

Вместо невидимого элемента лучше обернуть заготовку разметки в тег <template> — из него можно забирать готовый DocumentFragment, который клонировать и наполнять данными.
Класс невидимости убрать за ненадобностью.

https://developer.mozilla.org/en-US/docs/Web/JavaS...

// Demonstrate selected international locales
var locales = [
  undefined,  // Your own browser
  'en-US',    // United States
  'de-DE',    // Germany
  'ru-RU',    // Russia
  'hi-IN',    // India
  'de-CH',    // Switzerland
];
var n = 100000;
var opts = { minimumFractionDigits: 2 };
for (var i = 0; i < locales.length; i++) {
  console.log(locales[i], n.toLocaleString(locales[i], opts));
}

результат

undefined '100 000,00'
en-US 100,000.00
de-DE 100.000,00
ru-RU 100 000,00
hi-IN 1,00,000.00
de-CH 100’000.00