• Получить clientWidth Vue?

    potapchino
    @potapchino
    • $el.querySelector('.block__child')
    • refs
    Ответ написан
    Комментировать
  • Почему блок дергается?

    0xD34F
    @0xD34F Куратор тега JavaScript
    Потому что когда.b-popup появляется, он закрывает собой .b-block, возникает событие mouseleave, и его надо скрывать. А как он скрылся - его надо снова показывать, потому что на .b-block возникает событие mouseenter. Ну вот так оно по кругу и происходит.

    Добавьте pointer-events: none для .b-popup. Или поместите .b-popup внутрь .b-block.
    Ответ написан
    1 комментарий
  • Как избежать [vue/no-parsing-error] Parsing error: duplicate-attribute?

    0xD34F
    @0xD34F Куратор тега Vue.js
    :license="{
      old_price: 20,
      price: 200,
      title: 2,
    }"

    Ну и остальные аналогично.
    Ответ написан
    1 комментарий
  • Что такое TDD и для чего применяется?

    Maksclub
    @Maksclub
    maksfedorov.ru
    TDD это когда сначала пишешь тест а уже потом код, а не наоборот?

    Как бы да, но скорее не просто сам тест пишешь, а пишешь клиентский код (ведь тест для чего пишешь? для кода который скоро будет), то есть ты как бы уже проектируешь на этом этапе свою программу -- что и как будет работать, а тесты показывает как этот код должен вести себя при разных ситуациях

    далее реализуешь уже запроектированный код
    Ответ написан
    Комментировать
  • Почему не работает router-view?

    0xD34F
    @0xD34F Куратор тега Vue.js
    Если верить тому, что вы показали в качестве разметки - у вас router-view находится за пределами #app (ну и ещё странность - есть закрывающий тэг header, открывающего нет). Соответственно, отображать компоненты маршрутов попросту негде.
    Ответ написан
    1 комментарий
  • Как узнать эту информацию о Webpack?

    Machinez
    @Machinez
    Как узнать текущую версию вебпака? ( webpack -v выдает - webpack: command not found

    в директории с проектом написать npm list webpack

    Можно ли как-то узнать, установлен вебпак глобально или локально?

    локально npm list webpack
    глобально npm list webpack -g --depth 0

    Как обновить вебпак ( какая именно это команда?)

    npm remove webpack -D && npm i webpack -D
    Ответ написан
    8 комментариев
  • Как получать текст внутри тега при клике на него в Vue?

    0xD34F
    @0xD34F Куратор тега Vue.js
    выводить содержимое данного тега в консоль...

    Вешаем на элемент списка обработчик клика, которому передаём соответствующий элемент массива данных. Внутри обработчика выполняем нужные действия:

    <li v-for="n in items" @click="onClick(n)">
      {{ n.message }}
    </li>

    methods: {
      onClick(item) {
        console.log(item.message);
      }
    }


    ...или в какой-то блок

    Пусть этот блок будет расположен за пределами компонента. По клику генерируете событие, дополнительным аргументом передаём элемент массива данных:

    <li v-for="n in items" @click="$emit('select', n)">
      {{ n.message }}
    </li>

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

    <b-list @select="selected = $event"></b-list>
    <div v-if="selected">{{ selected.message }}</div>

    data: () => ({
      selected: null,
      ...
    })

    Похоже на то, что вам нужно?
    Ответ написан
    1 комментарий
  • Что такое ноды в javascript?

    rockon404
    @rockon404
    Frontend Developer
    Почему именно ноды, а не элементы или еще как-то?
    Node дословно переводится как узел.

    - почему тут ноды
    - а тут элемент?
    В чем разница?
    Node - любой объект DOM, в нем реализованы базовые методы.
    Element - это один конкретный тип(потомок) Node. Ноды не обязательно являются элементами.
    Простой пример. Обратите внимание на свойство nodeType каждого элемента коллекции. Один элемент и две текстовые ноды.

    Node
    Element
    Ответ написан
    4 комментария
  • Многомерный ассоциативный массив на JS. Как обратиться к нужному ключу?

    Vlad_IT
    @Vlad_IT Куратор тега JavaScript
    Front-end разработчик
    Например как мне получить значение ключа matched в 15 строке?

    А как коду понять, из какого ключа вы хотите получить matched? Или вам нужно вот это
    var mached = testObject.rules.password.matched;
    Ответ написан
    1 комментарий
  • Каким образом достигается такой эффект?

    Vlatqa
    @Vlatqa Куратор тега CSS
    Ответ написан
    Комментировать
  • Как проверить совпадения в массиве регулярными выражениями?

    Stalker_RED
    @Stalker_RED
    var fragments = ['@','.ru','.com'];
    var str = 'test@gmail.com';
    if (fragments.some(fragment => str.includes(fragment)) ) {
      // ...
    }

    Если нужно именно регулярку, то /@|\.ru|\.com/
    Ответ написан
    Комментировать
  • Что такое замыкание?

    iCoderXXI
    @iCoderXXI
    React.JS/FrontEnd engineer
    В целом ты все верно понял. Почитал я тут ответы, термины, термины, термины...

    Я люблю простые объяснения, буквально на пальцах.

    Вот ты вызвал функцию, в ней создаются переменные локальной области видимости, т.е. доступные только самой функции. Под эти переменные движок JavaScript выделяет память.

    Когда обычная функция завершает свое выполнение, освобождает память, которую выделял раньше, если на переменные не осталось ссылок.

    В случае с замыканием, ты возвращаешь функцию обратно, т.е. ссылки остаются, поэтому движок не может освободить память, и переменные остаются доступными функции, и более никому. Поэтому эта штука и называется замыкание, т.к. переменные замкнуты на саму функцию.

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

    Один из основных паттернов, для которых применяются замыкания - ограничение доступа к данным, их изоляция (ограничение их области видимости).

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

    В ответах есть пример со счетчиком, который наглядно демонстрирует этот принцип.
    Ответ написан
    1 комментарий
  • Как менять содержимое селектов по дата-атрибутам?

    rework
    @rework
    Помог ответ? В благодарность отметь его решением
    https://codepen.io/anon/pen/OzpKNm?editors=1111

    $( function() {
    
      var frutsEl = $('.b-fruts');
      var discountsEl = $('.b-discounts');
      
      frutsEl.on('change', function(item) {
        var frut = $(this)
          .find('option[value="' + $(this).val() + '"]').attr('data');
        discountsEl
          .find('option')
          .hide()
          .filter('[data="' + frut + '"]')
          .show();
      
        discountsEl
          .val(
            discountsEl
              .find('option[data="' + frut + '"]:first')
              .attr('value')
            );
      });
      
      frutsEl.change();
    
    } );
    Ответ написан
    1 комментарий
  • Как менять содержимое селектов по дата-атрибутам?

    0xD34F
    @0xD34F Куратор тега JavaScript
    <select class="b-fruts">
      <option value="1" data="apple">apple</option>
      <option value="2" data="orange">orange</option>
      <option value="3" data="banan">banan</option>
    </select>
    
    <select class="b-discounts">
      <option value="1" data="apple">100</option>
      <option value="2" data="apple">200</option>
      <option value="3" data="orange">300</option>
      <option value="4" data="banan">400</option>
    </select>

    $('.b-fruts').change(function() {
      $('.b-discounts')
        .val(null)
        .find('option')
        .hide()
        .filter(`[data="${$(':selected', this).attr('data')}"]`)
        .show();
    }).change();
    Ответ написан
    Комментировать
  • Как менять содержимое селектов по дата-атрибутам?

    xpert13
    @xpert13
    Full Stack Developer
    Как-то так (правда нужно чуть доработать с текстом в самом селекте, но думаю сами справитесь):
    $( function() {
      $('.b-fruts').change(function(){
        $('.b-discounts > option').hide();
        $('.b-discounts > option[data="'+ $(this).find('option:selected').attr('data') +'"]').show();
      }).trigger('change');
    
    } );
    Ответ написан
    1 комментарий
  • Почему такая ошибка в js?

    DOM не загрузился, выполнять код после DOMContentLoaded
    Ответ написан
    2 комментария
  • Действительно ли важно правильное питание для мозга программиста (с точки зрения науки)?

    @LEKAPb
    Расскажу историю из моей жизни которая началась в сентябре этого года, а выводы делайте сами. К своим 25 годам я имел безумную продуктивность со следующим рационом:
    1. Сигареты - 3 пачки в сутки.
    2.Отличный молотый кофе из кофемашины с безумным количеством сахара- 10 -12 кружек.
    3.Очень жирная и калорийная и безумно вкусная еда.
    4. Энергетики несколько банок для разогреву.
    5. Шоколадки и прочее сладкое в неограниченном количестве.
    Данный рацион вводил организм в "pежим бога" на 7 дней в неделю , можно было не есть или не спать ,очень продуктивно решать задачи почти круглосуточно , а того более и несколько задач одновременно. Безумное маниакальное желание постоянно кодить ,позволяло успевать делать сайд проекты и работать на фрилансе. Все было отлично и я не собирался сбавлять темп до тех пор, пока скорая не увезла меня чуть ли не с рабочего кресла в больницу, где я провалялся ещё около месяца. Сейчас строгая диета - сухари и травяной чай. Успокоительные и постельный режим. Конечно я понимаю что у меня это крайний случай и на него ориентироваться не стоит, но выводы для себя можно сделать следующие:
    1.'Самое главное - это здоровье. Когда ты полудохлых тебя меньше всего интересует твоя продуктивность.
    2. Здоровьем надо заниматься и правильно питаться исходя минимум из самоуважения к себе.
    3. Работа должна стать частью вашей жизни а не самоцелью, правильно расставив приоритеты вы поймёте, что необходимо развивать что бы быть более успешным в своём деле. Продуктивность - это далеко не самый важный показатель в работнике, есть и другие которые тоже влияют на то как ваша работа оценивается.
    4. Вы прежде всего человек. Начните правильно питаться и вести Зож хотя бы как человек, а потом уже как программист.
    Ответ написан
    Комментировать
  • Как стать продвинутым сайтоклепателем (формоклепателем) и отправиться на каторгу, чтобы пахать за говяжий дошик и оплачивать сарай?

    @vrazrabotchik
    Послухай меня, старого задрота у которого реальный кризис среднего возраста наступил года 3 назад и до сих пор не попускает.
    В свои 16 лет я то же был примерным мальчиком и считал что родители лучше знают. Родители говорили что надо учится на отлично — я учился, говорили что нельзя гулять по темноте — я приходил домой в 8 вечера, говорили что дружить нужно только с хорошими детьми... А вот про девушек они говорили только что рано еще об этом думать — еще успеешь.
    Я читали книги, много книг, решал примеры, писал проги на спектруме, выигрывал олимпиады — и это все мне нравилось. Девушки смотрели на меня как на пустое место, пацаны считали «маменькиным сынком» и в свою компанию не приглашали. Мне было интереснее в обществе взрослых, которые считали меня «умным мальчиком».
    Так я закончил школу, без проблем поступил в компьютерный институт, здесь то же ходил на все пары, учился, все сдавал на отлично, никогда не бухал пиво (пиво до сих пор не люблю — с детства внушили «пиво — пойло для дебила»). Повышенную стипендию всю приносил в семью. Закончил с красным дипломом.
    Еще после 4 курса меня уже взяли на галеру и я вместо аспирантуры пошел работать. Так работал почти 20 лет. Денег платили все больше и больше. Купил сначала комп, потом квартиру, машину... Девушки правда никогда не было — но оказалось что в интернетах очень запросто можно найти «студенток — индивидуалок», которые за бабки очень не против «пригласить в гости на палку чая».
    И все вроде бы правильно делал — жизнь удалась. Но вот накрыл меня кризис среднего возраста — все не в радость. И начал я думать, почему таки и что я не так делал?
    Приведу свои выводы — в 17 лет еще не поздно все поменять.
    1) Нужно иметь и уважать СВОИ желания. Не надо врать себе что хочешь учиться, хочешь работать — это тебе внушили родители! У тебя должна быть СВОЯ мечта — пускай даже самая дурацкая. Для начала, например, купить ящик шоколадок или мороженного и обожраться, кататься на аттракционах до одури, играть на компе 3 дня подряд, курить, пить — все, что родители не разрешали.
    2) Уверен что в 17 лет тебя больше всего интересует секс. И это правильно! Смотреть порнуху и дрочить — это нормально. Все так делают, просто врут что это плохо. Снять телку и попробовать реальный секс — это еще лучше. И для этого не надо ждать большой и светлой любви. «До свадьбы нельзя» — это позапрошлый век.
    3) Заработал бабки — они твои! Именно в этом смысл: бабки тебе нужны для реализации своих желаний. Если ты отдаешь их кому-то то ты работаешь не получая удовольствия от жизни. Не жди что тебе кто-то что то даст: купи себе сам!
    4) Удовольствие от работы не в том, что бы хорошо выполнять задания. Цели работодателя — это не твои цели! Не дай себя наебать! Твои цели — это реализация СВОИХ желаний и получение удовольствия от жизни (не от работы!). Работа — это только средство заработать бабки для этого.
    5) Работа не заменяет жизнь! Даже если ты нашел работу мечты — сниматься в порнухе и трахать весь день, то все равно лучше найти работу где платят больше и за деньги трахать кого хочешь и как хочешь, а не как прикажет режиссер.
    6) Надо уметь себя заставлять делать что надо и вьебывать. Но при этом понимать зачем ТЕБЕ это надо. Лучше заставить себя вьебывать в качалке, чем сидеть в овертайм на работе что бы понравиться начальнику.
    7) Нужно любить себя! Да — эгоизм, это не плохо (даже если родители учили обратному), плохо — это быть скромным и обделать себя в то время, как другой радуется за твой счет. Нужно любить свое тело — нужно поддерживать его здоровым и красивым на зависть другим. Нужно любить свой желудок — и не жрать дешевое говно.
    8) Нужно быть жадным! В этом главный секрет — как только ты всем доволен наступает депрессия. Как только решил что у тебя все есть — так стало незачем жить дальше! Помни — всегда есть лучше! И всегда нужно хотеть лучше — даже если у тебя уже есть охуенно хорошее.
    9) Нужно плевать на других! Да — плевать что скажут соседи, или родственники, или даже родители. Ты не для них живешь! А еще плевать на тех, кто выебывается перед тобой своим превосходством. Они хотят заставить тебя завидовать и чувствовать себя говном. Посылай их нахуй! Если у них есть то, чего нету у тебя то или оно тебе нахуй не нужно, или нужно и ты сам скоро этого добьешься.
    10) Нужно жить сегодня! Радость нельзя запасти впрок — она нужна каждый день. Поэтому жить хуево и копить в надежде на «потом» — это наебать себя. Но так же не имеет смысла все спустить в один день — удовольствие нужно уметь растягивать.
    11) Счастье — это мимолетное состояние души, а не что-то постоянное. Нельзя построить карьеру, дом, семью, детей и потом постоянно быть счастливым — это миф. Можно быть счастливым именно этим теплым вечером в течении 5 минут глядя на закат. И все — этот момент не растянуть и не повторить. Нужно искать новый! Счастье не нужно строить много лет, за ним не нужно гнаться или добиваться — нужно почувствовать и ловить моменты счастья как можно чаще.
    12) Все проходит — и плохое, и хорошее. Как бы ни было плохо — это пройдет и забудется. Как бы ни было хорошо — это то же пройдет, поэтому нужно успеть насладится и запомнить. Радостные моменты — вот из чего должна состоять наша память! Что бы в любой момент можно было найти приятное воспоминание.
    Ответ написан
    15 комментариев
  • Sketch vs Photoshop - у кого из них какое будущее?

    @blugamire
    Фотошоп вечен.

    А вакансии - это вообще никакой не показатель.
    Моя зарплата 15 лет назад (последний раз когда я работу искал и меня вообще интересовали вакансии, потом ушел на вольные хлеба) была по факту в 3 раза выше, чем то, что публиковалось в то время по в вакансия по моей квалификации.
    Потом начал подыскивать себе сотрудников - выяснил то же самое: то недоразумение, что приходит по вакансиям даже рядом не вписывается по квалификации, указанное в разделе "требования" в описании вакансии.

    То есть вакансии - это всего лишь выражение мечт тех, кто публикует объявления.

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

    Я вон с опытом Фотошопа, с пониманием концепции слоев - даже в убогом Гимпе за несколько минут разобрался по необходимости и со слоями выполнил проект....
    Ответ написан
    5 комментариев