ktquez

Two way iframe communication

The main difference between the two pages is the method of sending messages. Recieving messages is the same in both.

Parent

Send messages to iframe using iframeEl.contentWindow.postMessage Recieve messages using window.addEventListener('message')

iframe

ktquez

import VueSkipTo from './plugin'

export default VueSkipTo
export { default as SkipTo } from './VueSkipTo.vue'

ktquez

whitelist: [
  'p',
  'h1',
  'h2',
  'h3',
  'h4',
  'h5',
  'h6',
  'hr',
  'ol',

ktquez

<select class="nyx-field__select" name="country-code">
    <option value="+55">BR (+55)</option>
    <option value="+44" Selected>UK (+44)</option>
    <option value="+1">USA (+1)</option>
    <optgroup label="Outros países">
      <option value="+213">DZ (+213)</option>
      <option value="+376">AD (+376)</option>
      <option value="+244">AO (+244)</option>
      <option value="+1264">AI (+1264)</option>
      <option value="+1268">AG (+1268)</option>

ktquez

function removeLetterAccent (value) {
  const mapLetters = {
    a: /(á|ã|â|à)/g,
    e: /(é|ê)/g,
    i: /(í)/g,
    o: /(ó|ô|õ)/g,
    u: /(ú|ü|)/g,
    c: /(ç)/g,
    n: /(ñ)/g
  }

ktquez

import Vue from 'vue'
import axios from 'axios'
import VueAxios from 'vue-axios'
Vue.use(VueAxios, axios)
 
export default {
  state:{
    usuario: sessionStorage.getItem('usuario') ? JSON.parse(sessionStorage.getItem('usuario')) : null,
    responseLogin: {}
  },

ktquez

Contribua

Se você quiser adicionar mais algum tópico deixe seu comentário, o objetico é facilitar para os iniciantes ou aqueles que buscam dominar JavaScript, quais tópicos são importantes para dominar JavaScript.

São tópicos para quem sabe o minimo de JavaScript (declarar variáveis), a ordem em que eles aparecem são por importância para o dominio como um todo. Mesmo que você já tenha experiência com JS, recomendo que leia os links de cada tópico para fortalecer suas bases teóricas e ter um comportamento mais profundo da linguagem.

Lista originalmente criada e compilada por Vinicius Reis

ktquez

<template>
  <div id="app">
    ...
    <router-view />
    ...
  </div>
</template>

<script>
  export default {

ktquez

resolve: {
  extensions: ['.js', '.vue', '.json'],
  alias: {
    'vue$': 'vue/dist/vue.esm.js',
    '@': resolve('src'),
  }
}

ktquez

{
  path: '/login',
  name: 'Login',
  component: () => import('@/pages/Login'),
  meta: {
    layout: 'layoutLogin' // name of the layout
  }
}