Как стать автором
Поиск
Написать публикацию
Обновить

Комментарии 35

Опять эти люки… Как и написано в заголовке, эти вопросы действительно ужасны, и совершенно не подходят для собеседования )

Я возможно ошибаюсь, но мне почему-то кажется, что большинству работодателей, нужны кадры способные решать задачи, а не задачки… Искренне надеюсь, что эти вопросы не были взяты с реальных собеседований.

А задачки интересные, конечно )
Всего голосов 8: ↑8 и ↓0+8
Да, абсолютно верно, именно поэтому мы отказались от этих вопросов.

На текущий момент мы сразу применяем физическое насилие к кандидатам. Обычно используем наручники и батарею.
Всего голосов 16: ↑12 и ↓4+8
А если кандидат чемпион мира по рукопашному коду?
Всего голосов 6: ↑6 и ↓0+6
Для таких случаев у нас в офисе есть перцовый балончик.

Хотя до такого еще не доходило, обычно справляемся своими силами.
Всего голосов 7: ↑7 и ↓0+7
Для этого собеседующих несколько.
Всего голосов 3: ↑3 и ↓0+3
На текущий момент мы сразу применяем физическое насилие к кандидатам. Обычно используем наручники и батарею.

Можно подробнее? Очень интересует практика в данном вопросе.

Всего голосов 3: ↑3 и ↓0+3
Конечно, приходите к нам на собеседование!
Всего голосов 13: ↑13 и ↓0+13
Нет, уж лучше вы к нам! ©
Всего голосов 8: ↑8 и ↓0+8
Страшно представить, что у вас делают с бэкендерами… Недельные спринты в темных подвалах?
Всего голосов 1: ↑1 и ↓0+1
Трехдневные спринты с митингами два раза в день, утром и ночью.

За баги в проде лишаем еды и будим палкой по ночам.
Всего голосов 5: ↑5 и ↓0+5
Трехдневные спринты

Лучше сразу пристрелите.
Всего голосов 3: ↑3 и ↓0+3
на первой своей работе коллеги мне рассказали историю (10 лет назад), что за год до моего прихода они наняли человека для кражи кода c прошивки с микроконтроллера и переделки его из ASM в код С++ (тайваньский алгоритм распознавания отпечатков пальцев). Код был скачан, но с конвертацией были проблемы. Чел потихоньку слился. Его нашли, прицепили к батарее пока он не сделал (1 месяц это заняло). Не только вы одни такое практикуете. Сейчас эти деятели пилят оборонные заказы.
Всего голосов 4: ↑4 и ↓0+4
Object.freeze замораживает только свойства самого объекта. Так что, если объект содержит в себе вложенные объекты, их тоже необходимо заморозить.

Или чтобы этого не делать достать данные из замыкания. Думаю понятно что флаг dataLoaded нужен только из-за отсутствия реактивности у item.


import getItemFromApi from 'path/to/getItemFromApi';

let item;

export default {
  data() {
    return { dataLoaded: false }
  }
  async mounted() {
    item = await getItemFromApi();
    this.dataLoaded = true;
  },
  computed() {
    return this.dataLoaded && item;
  }
};

Статья крутая, спасибо!

Всего голосов 2: ↑2 и ↓0+2
Так у вас тогда будет 1 item на все компоненты.
Если мне не изменяет память, (сменил vue на реакт примерно 8 месяцев назад) можно просто не объявлять его в data и таким же способом вернуть через computed. (только как this.item)
Всего голосов 1: ↑1 и ↓0+1
Это правда. Можно в data записать, но тогда придётся жить с предупреждениями в консоли, что не очень приятно. Если компонент не один действительно проще рекурсивный фриз сделать. (компоненты с огромными списками обычно одни на всю страницу)
Комментарий пока не оценивали0
Этот вопрос может показаться легким, но я гарантирую, на него не ответит ни один, даже самый прошареный разработчик. Можете задать его в начале собеседования, чтобы кандидат сразу почувствовал ваше превосходство.


Обычно, в начале собеседования наоборот легкие вопросы. Для человека собес — это стрессовая ситуация, а от простого первого вопроса он становится менее напряженным. Потом по нарастающей.
Всего голосов 2: ↑2 и ↓0+2
кандидат сразу почувствовал ваше превосходство

ну вредные советы же, ирония, не?
Всего голосов 3: ↑3 и ↓0+3
А чего стрессовать на собеседовании?
Всего голосов 2: ↑1 и ↓10
Ох, почувствовал я себя днищем. Ни на один вопрос…
Как раз недавно читал тут статью про заниженную самооценку русскоязычных IT-шников.
И где вы только умудряетесь такие вопросы находить, изверги! =)
Спасибо, интересная и полезная статья.
Всего голосов 1: ↑1 и ↓0+1
К слову говоря — эта песочница тоже написана на Vue.js
Всего голосов 1: ↑1 и ↓0+1
О, так это ваша песочница!

Спасибо большое за нее, песочница с лучшей консолью!
Всего голосов 1: ↑1 и ↓0+1

Благодарю!
Не могли бы вы рассказать, чем консоль столь примечательна?


Возможно у вас есть пожелания?

Всего голосов 1: ↑1 и ↓0+1
Консоль примечательна тем, что:
1. Она есть
2. Она удобно расположена под preview

Единственный аналог с консолью на сайте, который я нашел — это jsbin.com. Вначале я пытался использовать его, но что-то у них не завелась подсветка синтаксиса


Из пожеланий — мне показалось неудобным, что нельзя сразу увидеть html, css и js.

Проблема возникает тогда, когда ты скидываешь человеку незнакомый ему код. Чтобы понять смысл этого кода, надо прокликать по всем вкладкам и держать в голове предыдущие файлы. В статье это было было не критично, я использовал только один js файл. Но когда мне присылали чуть более сложные демки на вашем сайте, я чувствовал затруднения.
Всего голосов 1: ↑1 и ↓0+1

Спасибо Андрей!
Планируется вторая версия, там будет возможность открыть несколько файлов в разных «местах».

Всего голосов 1: ↑1 и ↓0+1

Отличное изложение, спасибо


А я то думал: «зачем это подавление справочными вопросами, которые решаются с помощью гугла и исходников того же element-ui?».


«… упадут зарплатные ожидания» — теперь понятно. Умно!

Всего голосов 1: ↑1 и ↓0+1
Вообще зачем задавать вопросы по фреймворку?
Комментарий пока не оценивали0
это уже похоже на хак, с фризом объекта вариант получше. А за статью спасибо, реально полезная статья по Vue за последний год. Пишите еще ;)
Всего голосов 1: ↑1 и ↓0+1
Больше повесили комментарии к посту)
Комментарий пока не оценивали0

В последнем примере почему вы добавили
const { item } = this;
, а не оставили
this.item
?

Комментарий пока не оценивали0
Внутри методов и computed-функций я использую и деструктуризацию, и обращение через this, это зависит от контекста.

Если функция маленькая и использует переменную только один раз, то я обращаюсь через this (деструктуризация выглядит слишком громоздко для метода из одной строчки): 
export default {
  /* ... */

  computed: {
    formattedValue() {
      return this.value.toFixed(2);
    },

    isInCart() {
      return this.presentInCart(this.item);
    },
  },
};


Однако если метод большой и использует переменную несколько раз, то я предпочитаю деструктуризацию:
export default {
  /* ... */

  mounted() {
    const { field } = this.$refs;

    if (!field) {
      return;
    }

    this.fieldWidth = field.offsetWidth;
    this.doSomething();
  },

  computed: {
    progress() {
      const { start, end } = this;

      if (start === 0 && end === 0) {
        return '50%';
      }

      return `${(start / (start + end)) * 100}%`;
    },
  },
};


Благодаря деструктуризации

  • В длинных методах сразу понятно, какие переменные объекта используются, так как использующиеся поля объявляются вначале
  • JavaScript после минификации меньше весит


После таких махинаций код выглядит немного почище и попонятней :)
Комментарий пока не оценивали0
Каким образом можно научиться разбирать подобные примеры неочевидного поведение в работе фреймворка? В процессе работы над проектом или в изучении исходников?
Комментарий пока не оценивали0
1, 3, 4, 8 — узнал в процессе работы над проектами. Возникала проблема, я ее решал и запоминал.

2, 5, 6 — смотрел исходники Vue, element-ui и portal-vue.

7 — читал issue на гитхабе, в одной из них увидел совет Евана использовать Object.freeze(). Сейчас, правда, это уже упомянуто в документации.
Комментарий пока не оценивали0
Зарегистрируйтесь на Хабре, чтобы оставить комментарий

Ваш аккаунт

Разделы

Информация

Услуги

Техническая поддержка
© 2006–2024, Habr