askhat

function uid (alphabet, n) {
  let string = ''
  for (let i = 0; i < n; i++) {
    string += alphabet[Math.floor(Math.random() * alphabet.length)]
  }
  return string
}

var URL
if (window.URL) {
  URL = window.URL
} else {
  URL = window.webkitURL
}

const tmp = '{ "qwerty": "1234567890" }';
console.log(JSON.parse(tmp).qwerty);        // OK --- 1234567890

// Потому что синтаксис другой
var id = 'qwerty';
console.log(JSON.parse(tmp)[id]);        // OK --- 1234567890

$ ln -s /usr/local/mongodb/bin/mongod /usr/local/bin

document.querySelector('.tovar1 select').onchange = e => console.log(e.target.value)

1. В компоненте StoreModalComponent showModal удалить из data и перенести в props:
   

   export default {
     props: {
       showModal:{ type: Boolean, default: false }
     }
   }

   
   
   
2. В родительском компоненте создать data свойство showModal и подписать на него только что созданные prop компонента StoreModalComponent:
   

   <template>
     <store-modal-component :show-modal="showModal" />
   </template>

   
   
   

<template>
  <div v-fancy-plugin="{ argumentObjectKey: 'value' }"></div>
</template>
<script>
import $ from 'jquery'
import fancyPlugin from 'fancy-plugin'

export default {
  directives: {
    fancyPlugin: {
      inserted (element, argumentObject) {
        $(element).fancyPluginInit(argumentObject)
      }
    }
}
</script>

// parent.vue
<template>
  <parent>
    <child @toggle-button="toggleButtonHandler"/>
  </parend>
</template>
<script>
export default {
  data: {
    return {
      buttonShow: false
    }
  },
  methods: {
    toggleButtonHandler () {
      this.buttonShow = !this.buttonShow
    }
  }
}
</script>

// child.vue
<template>
  <button @click="clickHandler">Hide Button</button>
</template>
<script>
export default {
  methods: {
    clickHandler () {
      this.$emit('toggle-button')
    }
  }
}
</script>

// store.js
export default {
  state: {
    buttonShow: false
  },
  mutations: {
    buttonToggle: state => (state.buttonShow = !state.buttonShow)
  }
}

clickHandler () {
  this.$store.commit('buttonToggle')
}

computed: {
  buttonShow () {
    return this.$store.state.buttonShow
  }
}

<button class="slowly" data-target="some_id">Take me there but slowly</button>

$(".slowly").on("click", function (event) {
      /*Отменяем стандартную обработку нажатия по ссылке.*/
      event.preventDefault();
      /*Забираем идентификатор блока с атрибута href.*/
      var id = $(this).attr('href') || $(this).attr('data-target');
      /*Узнаём высоту от начала страницы до блока, на который ссылается якорь.*/
      var top = $(id).offset().top;
      /*Анимируем переход на расстояние - top за 1000ms.*/
      $('body,html').animate({scrollTop: top}, 1200);

const store = {
  state: {
    lockingPool: 0
  },
  getters: {
    isUiLocked: state => state.lockingPool > 0
  },
  mutations: {
    lockUi: state => state.lockingPool++,
    unlockUi: state => state.lockingPool--
  },
  actions: {
    async someAction ({ commit }) {
      commit('lockUi')
      const { data } = await http.get('/some-url')
      commit('unlockUi')
    }
  }
}

<template>
  <form>
    <p v-if='errorMessage'>{{ errorMessage }}</p>
    <input type='text' v-model='username'/>
    <input type='password' v-model='password'/>
    <button @click='send()'>Log in</button>
  </form>
</template>

<script>
import someHttpClient from 'someHttpClient'

export default {
  data: {
    return {
      username: '',
      password: '',
      errorMessage: ''
    }
  },
  methods: {
    send () {
      var username, password, errorMessage = this
      if (username && password) {
        errorMessage = ''
        someHttpClient.sendAndMaybeCipher({ username, password })
      } else {
        errorMessage = 'Form not filled properly'
      }
    }
  }
}
</script>

• Чем отличается ajax-запрос post от get?
  
• Какое значение из input type=file передавать на сервер?
  
  

document.querySelectorAll('.other-products > .products');

{
    xtype: 'triggerfield',
    listeners: {
        change: function(newVal, oldVal, field) {
            console.log('new value', newVal);
            console.log('old value', oldVal);
            console.log('field', field);
        } 
    }
}