Skip to content

Instantly share code, notes, and snippets.

View lkon's full-sized avatar

Yelena Konina lkon

1 follower · 4 following
View GitHub Profile
@lkon
lkon / tokens.md
Created August 8, 2020 06:39 — 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

  • Что такое авторизация/аутентификация
  • Где хранить токены
  • Как ставить куки ?
  • Процесс логина
  • Процесс рефреш токенов
  • Кража токенов/Механизм контроля токенов
@lkon
lkon / Solution for No bundle url present. Make sure you’re running a packager server or have included a .jsbundle file in your application bundle.md
Created March 12, 2019 11:03 — forked from RidaRidss/Solution for No bundle url present. Make sure you’re running a packager server or have included a .jsbundle file in your application bundle.md
Got an Error : No bundle url present. Make sure you’re running a packager server or have included a .jsbundle file in your application bundle

Follow these commands

watchman watch-del-all
rm -rf $TMPDIR/react-*
rm -rf build/ios
yarn cache clean
lsof -i :8081
kill -9 9771
kill $(lsof -t -i:8081)

yarn start --reset-cache

@lkon
lkon / gist:e822028efdadc3d24fdb37e14c5be232
Created March 5, 2019 10:11
reset styles
animation: none 0s ease 0s 1 normal none running;
backface-visibility: visible;
background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
border: medium none currentColor;
border-collapse: separate;
border-image: none;
border-radius: 0;
border-spacing: 0;
bottom: auto;
box-shadow: none;
@lkon
lkon / gist:40bed704c7e976d957a0eff97586603e
Created July 11, 2018 07:40
grep string in log
grep --after-context=1 --before-context=1 'CRITICAL' dev.log
@lkon
lkon / Learn This One Weird 🙊 Trick To Debug CSS
Created June 29, 2018 12:53
Debug CSS
* {
color: hsla(210, 100%, 100%, 0.9) !important;
background: hsla(210, 100%, 50%, 0.5) !important;
outline: solid 0.25rem hsla(210, 100%, 100%, 0.5) !important;
}
@lkon
lkon / body-overflow
Created June 22, 2018 13:21
Finding/Fixing Unintended Body Overflow
var docWidth = document.documentElement.offsetWidth;
[].forEach.call(
document.querySelectorAll('*'),
function(el) {
if (el.offsetWidth > docWidth) {
console.log(el);
}
}
);
@lkon
lkon / README
Created May 25, 2018 08:43 — forked from joelambert/README
Drop in replacements for setTimeout()/setInterval() that makes use of requestAnimationFrame() where possible for better performance
Drop in replace functions for setTimeout() & setInterval() that
make use of requestAnimationFrame() for performance where available
http://www.joelambert.co.uk
Copyright 2011, Joe Lambert.
Free to use under the MIT license.
http://www.opensource.org/licenses/mit-license.php
@lkon
lkon / gist:45b75f949ab6a6b5b3c6fa07326bc04e
Created May 17, 2018 16:05
build.gradle for react-native-restart
/Users/konina/rbfx/webtrader/WebtraderApp/node_modules/react-native-restart/android/build.gradle
buildscript {
repositories {
jcenter()
}
dependencies {
@lkon
lkon / what-forces-layout.md
Created April 6, 2018 14:20 — forked from paulirish/what-forces-layout.md
What forces layout/reflow. The comprehensive list.

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Element

Box metrics
  • elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
  • elem.clientLeft, elem.clientTop, elem.clientWidth, elem.clientHeight
  • elem.getClientRects(), elem.getBoundingClientRect()