0xD34F

всё правильно, %d - это количество дней в пределах месяца

хотите увидеть полное количество дней - используйте %a

for (name, items) in cook_book:
  print('\n%s:' % name.capitalize())
  for (ingredient, quantity, unit) in items:
    print('%s, %d %s' % (ingredient, quantity * person, unit))

document.querySelector('textarea').addEventListener('keydown', e => e.preventDefault());

или

<textarea readonly></textarea>

$('table tr').get().reduce((acc, n) => acc.then(() => $.ajax(...)), $.Deferred().resolve());

UPD. https://jsfiddle.net/zgf93och/1/

Добавляете свойство, которое будет представлять выбранный пункт select'а. Вместо метода getMonthRate делаете вычисляемое свойство:

<select v-model="selected">
  <option v-for="item in options" :value="item.value">
    {{ item.title }}
  </option>
</select>

data: () => ({
  selected: null,
  ...
}),
computed: {
  monthRate() {
    if (this.selected === 'year') {
      return this.percent / 12 / 100;
    } else if (this.selected === 'month') {
      return this.percent / 100;
    } else {
      return 0;
    }
  },
},

UPD.

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

А насколько разной? То, что есть сейчас, можно значительно упростить: в качестве value вместо строк будут числа, напрямую подставляемые в формулу - 1/12 для year, 1 для month, 0 для остальных. Тогда вычисляемое свойство станет гораздо короче:

monthRate() {
  return this.percent * this.selected / 100;
},

Кого и куда будем вставлять:

const el = document.querySelector('здесь селектор родительского элемента');
const text = '|||';

Вставляем:

Array.prototype.forEach.call(
  el.children,
  (n, i) => i && n.before(text)
);

// или

for (const n of el.children) {
  if (n.nextElementSibling) {
    n.insertAdjacentText('afterend', text);
  }
}

// или

for (let i = 1; i < el.children.length; i++) {
  el.insertBefore(document.createTextNode(text), el.children[i]);
}

// или

(function insert(i, n = el.children.item(i)) {
  if (n) {
    n.replaceWith(text, n);
    insert(-~i);
  }
})(1);

// или

el.querySelectorAll(':scope > * + *').forEach(n => {
  n.outerHTML = text + n.outerHTML;
});

const gallerySelector = '.js-product__item';
const previewSelector = '.view__item img';
const mainImageSelector = '.js-product__img--current';
const showImage = preview => preview
  .closest(gallerySelector)
  .querySelector(mainImageSelector)
  .src = preview.src;

document.addEventListener('click', ({ target: t }) =>
  t.matches(previewSelector) && showImage(t)
);

// или

document.querySelectorAll(previewSelector).forEach(function(n) {
  n.addEventListener('click', this);
}, e => showImage(e.target));

array_change_key_case

https://ru.reactjs.org/docs/faq-ajax.html#where-in...

const keys = [
  [
    { on: [ 'ё', 'Ё' ], off: [ '`', '~' ], name: 'Backquote' },
    { on: [ '1', '!' ], off: [ '1', '!' ], name: 'Digit1' },
    ...
  ],
  ...
];


document.querySelector('.keyboard').innerHTML = keys.map(row => `
  <div class="row">${row.map(n => `
    <div class="key">
      <span class="${n.name} on">
        <span class="case down">${n.on[0]}</span>
        <span class="case up">${n.on[1]}</span>
      </span>
      <span class="${n.name} off">
        <span class="case down">${n.off[0]}</span>
        <span class="case up">${n.off[1]}</span>
      </span>
    </div>`).join('')}
  </div>`).join('');

Какой атрибут? Key? Нет такого атрибута у элемента, key для другого нужен.

Хотите знать id в обработчике клика - сделайте какой-нибудь другой атрибут, не key. Например:

data-id={user.id}

const elemId = +e.currentTarget.dataset.id;

const urls = [
  'http://sitename.net/somedirectory/14545/',
  'http://sitename.net/somedirectory/14545/count-1145',
  'http://sitename.net/somedirectory/14545/specific-345',
  'http://sitename.net/somedirectory/14545/count-1145/specific-345',
];

const getParams = (url, params) =>
  params instanceof Array && params.length
    ? (url.match(RegExp(`(${params.join('|')})-\\d+`, 'g')) || [])
        .map(n => n.split('-'))
        .reduce((acc, n) => (acc[n[0]] = n[1], acc), {})
    : {};

const params = urls.map(n => getParams(n, [ 'count', 'specific' ]));

или, если надо получать все, которые есть, без указания конкретных имён:

const getParams = url =>
  Object.fromEntries((url
    .match(/[a-z]+-\d+/g) || [])
    .map(n => n.split('-'))
  );

.dropdown-checkbox ul.opened {
  display: block;
}

<label @click="opened = !opened">click me</label>
<ul :class="{ opened }">
  ...

data: () => ({
  opened: false,
}),

const [ first, second ] = [...arr]
  .sort((a, b) => b.id - a.id)
  .slice(0, 2)
  .map(n => n.name);

или

const [ { name: first }, { name: second } ] = arr.reduce((acc, n) => {
  if (!(acc[0].id >= n.id)) {
    acc[1] = acc[0];
    acc[0] = n;
  } else if (!(acc[1].id >= n.id)) {
    acc[1] = n;
  }
  return acc;
}, [ {}, {} ]);

количество миллисекунд с 1 января 1970 года

Во-первых - опечатка:

cildren

Во-вторых - зачем reduce? Достаточно map:

const copyTree = (tree, f) =>
  tree.map(n => {
    n = f instanceof Function ? f(n) : { ...n };
    if (n.children instanceof Array) {
      n.children = copyTree(n.children, f);
    }
    return n;
  });


const dataCopy = copyTree(data, ({ name: key, ...x }) => ({ key, ...x }));

<div id="content" v-on:hide="alert('ff')" >

Во-первых - обработчик вешать надо на экземпляр popover'а. Во-вторых, дайте-ка угадаю - в компоненте метода alert у вас нет, вы ждёте, что выполнится window.alert. Нет, так не будет. Делайте отдельный метод и вызывайте его там:

<el-popover
  @hide="onHide"
  ...

methods: {
  onHide() {
    alert('HIDE');
  },
  ...

UPD. Вынесено из комментариев:

Метод alert есть

в root событие v-on:hide не ловится

Понятно. Варианты тут такие:

1. Пробрасывать событие наверх по всей иерархии. Подписались на событие на popover'е, кинули такое же (или не совсем, имя лучше бы другое сочинить, а то в отрыве от своего источника выглядит слишком общим, непонятно, что это такое) - @hide="$emit('hide')"; подписались на событие в родителе, снова emit; ну и т.д., до корневого компонента (если что, в нём делать emit уже не надо, вместо него будет ваш alert).
   
2. Спускать вниз обработчик. В корне, на экземпляре компонента, внутри которого находится popover, подписываетесь на событие: @hide="alert". На всех уровнях ниже, включая popover, тоже, только обработчик берёте уже не из методов, а из того, что сверху передано - @hide="$listeners.hide" (или v-on="$listeners", если надо передавать вниз всё, или кроме hide больше ничего нет).
   
3. Можно воспользоваться ссылкой на корень.
   
   В компоненте, где создаётся экземпляр popover'а:
   
   

   <el-popover
     @hide="$root.$emit('popover-hide')"
     ...

   
   В корне:
   
   

   mounted() {
     this.$on('popover-hide', this.alert);
     ...

   
   
4. Шина событий: Vue.prototype.$eventBus = new Vue;. Этот способ самый гибкий - слушать события можно где угодно откуда угодно.
   
   Действуете аналогично предыдущему варианту, только emit/on вызываете у шины, а не корня:
   
   

   <el-popover
     @hide="$eventBus.$emit('popover-hide')"
     ...

   
   

   mounted() {
     this.$eventBus.$on('popover-hide', this.alert);
     ...

   
   
   

Если отвечать непосредственно на заданный вопрос, то [...Array(n)]. Но, учитывая реально решаемую задачу, не надо никаких массивов, состоящих из undefined, заполняйте сразу тем, чем надо:

const sequence = (length, pattern) =>
  pattern instanceof Function
    ? Array.from({ length }, pattern)
    : Array(length).fill(pattern);