lemme

Дак массив же по ссылке передается.
Т.е меняется один и добавляется один и тот же объект.

a = [0, 1, 2]
b = a

a[0] = 100500

print(b)  # [100500, 1, 2]

Нужно создать новый экземпляр массива в момент аппенда, например так list(l)

str
  .slice(-2)
  .padStart(str.length, '*')

Вычисляете его в родителе, передаете в дочерний, дочерний рендерите по условию, или как-от обрабатываете наличие данных в дочернем.

voila
https://codepen.io/anon/pen/OoLEzb

А вообще, советую посмотреть в сторону vuex

Используй фильтр https://developer.mozilla.org/en-US/docs/Web/JavaS...

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

Нужно диспатчить ивент...

jsfiddle.net/yzL80jpx

Либо я что-то не понимаю, либо все слишком просто.
Я предполагаю, что state.posts - массив объектов (постов), то нужно удалить этот пост из массива, т.е банальный фильтр

p.s подозреваю, что data - id поста.

state.posts = state.posts.filter(post => post.id !== data)

Самый простой способ:

1) Добавляем новый элемент, пусть sorted
2) сортируем массив
3) проходим по сортированному массиву и перемещаем элемент в sorted

$elements
  .sort((a, b) => $(a).text() > $(b).text())
  .forEach(el => $('.sorted').append($(el))

Если нужно специфично сортировать, то можно разбить строку на части и там уже сортировать

const [aCountry, aType, aId] = $(a).text().split('.')
const [bCountry, bType, bId] = $(b).text().split('.')

return Number(aId) - Number(bId) //etc

const getFilterData = {
  'show all': function () {
    return true
  }
}

let array = ['terror', 'army', 'order', 'happiness']

array.forEach(item => {
  getFilterData[item] = function(el) {
     return el.tags.some(function(element) {
      return element.name === 'army'
    })
  }
})

Но почему не так?

filterBy(type, el) {
  return el.tags.some((element) => element.name === type)
}

Object
  .values(moto)
  .filter(item => item.color === 'Красный' && item.MaxSpeed >= 50)

https://codepen.io/lemme/pen/GQmNqb

https://codepen.io/lemme/pen/EQgPqB

element.parentNode
element.nextElementSibling
element.previousElementSibling

<div></div>

div {
  position: relative;
  width: 200px;
  height: 150px;
  background: #fff;
  border: 1px solid #ccc;
}

div::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 20px;
  width: 10px;
  height: 10px;
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: #ccc;
  transform-origin: center;
  transform: translateY(-50%) rotate(135deg);
  background: #fff;
  margin-top: 1px;
}

const data = [1,2,3,4,5,6,7,8,9,10]
const getPage = (pageNumber = 1, itemPerPage = 3) => (
    data.slice((pageNumber - 1) * itemPerPage, pageNumber * itemPerPage)
)

console.log(getPage(1)) // [1,2,3]
console.log(getPage(2)) // [4,5,6]
console.log(getPage(3)) // [7,8,9]
console.log(getPage(4)) // [10]

вместо left: 45%

left: 50%;
  transform: translateX(-50%);

https://jsfiddle.net/4vps4dwy/

.container {
    position: relative;
    width: 100px;
    height: 100px;
}

.container img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

жесть..

label {
  float:left;
}

label:hover .second {
  display: block;  
}

#maincart1, #maincart {
  display: block;
}

Date.now() - date.getTime() >= 0