Skip to content

Instantly share code, notes, and snippets.

@Fessan-zz
Fessan-zz / tokens.md
Created June 6, 2020 09:13 — forked from zmts/tokens.md
Про токены, JSON Web Tokens (JWT), аутентификацию и авторизацию. Token-Based Authentication

Про токены, JSON Web Tokens (JWT), аутентификацию и авторизацию. Token-Based Authentication

Last major update: 20.04.2020

  • Что такое авторизация/аутентификация
  • Где хранить токены
  • Как ставить куки ?
  • Процесс логина
  • Процесс рефреш токенов
  • Кража токенов/Механизм контроля токенов
@Fessan-zz
Fessan-zz / resize.js
Created May 29, 2020 17:20
отлавливание изменения ширины экрана
window.addEventListener('resize', () => {
if (window.innerWidth > 767) {
console.log('Desktop');
} else {
console.log('mobile');
}
});
@Fessan-zz
Fessan-zz / v-select.vue
Created May 28, 2020 08:56
кастомный селект вью
<template>
<div class="v-select">
<p
class="title"
@click="areOptionsVisible = !areOptionsVisible"
>{{selected}}</p>
<div class="options"
v-if="areOptionsVisible"
>
<p
<img class="v-cart-item__image"
:src="require(`../assets/img/${cart_item_data.image}`)"
alt="">
@Fessan-zz
Fessan-zz / goBackAndCurrentPaht.vue
Created May 27, 2020 07:59
назад и првоерка верности пути
<script>
export default {
computed: {
...mapState(['currentUserChat']),
isCoreRoute() {
return this.$route.path === '/';
},
},
methods: {
goBack() {
<template>
<!-- 1 вариант -->
<div class="user__status"
:class="{ 'online': contact_data.status === 'online',
'offline': contact_data.status === 'offline' }"
></div>
</template>
<script>
export default {
@Fessan-zz
Fessan-zz / example2.0.vue
Created May 21, 2020 16:38
example vue 2.0
<template>
<div class=""></div>
</template>
<script>
export default {
name: '',
props: {},
data() {
return {}
@Fessan-zz
Fessan-zz / anketForm.js
Last active June 21, 2020 08:07
example js file from store
export default {
state: {},
mutations: {},
actions: {},
getters: {},
};
@Fessan-zz
Fessan-zz / btn-reser.js
Created May 8, 2020 03:59
сброс стилей для кнопок
/**
* Сброс стилей у кнопки.
* Придётся немного поработать, чтобы получить нейтральный вид.
*/
button {
padding: 0;
border: none;
font: inherit;
color: inherit;
background-color: transparent;