Zlob

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

Last major update: 25.08.2020

• Что такое авторизация/аутентификация
• Где хранить токены
• Как ставить куки ?
• Процесс логина
• Процесс рефреш токенов
• Кража токенов/Механизм контроля токенов

Zlob

  window.addEventListener("mousemove", function (e) {
      var leftEye = headerEyes.getLeftEye();
      var rightEye = headerEyes.getRightEye();

      leftEye.eyeball.trackByCoordinate(e.x, e.y);
      rightEye.eyeball.trackByCoordinate(e.x, e.y);
  };

Zlob

demoEyes.stopAnimation();

Zlob

demoEyes.animate(
  options, // options, that need to be changed. Only numeric
  duration
); //return Promise, 

Zlob

demoEyes.emote(
  animationType, //one of the predefined emotions: 'angry', 'suspecting', 'happy', 'tempting', 'sad'
  duration
);//return Promise, 

Zlob

var options = {
    x             : 0,
    y             : 0,
    size          : 50,
    color         : "#FFFFFF",
    borderColor   : "#000000",
    borderSize    : 5,
    type          : 'left',     //left or right
    //eyeball options
    eyeball: {

Zlob

var singleEye = eyes.createEye(
    selector, //img selector
    options,  //eye options
);

Zlob

var eyesPair = eyes.createEyesPair(
    selector, //img selector
    options,  //eyes options
    position, //eyes position, object like {x: 10,  y:10}
    distance  // distance beetween eyes
);

Zlob

function Rectangle( x, y, width, height, options ){
  
};

Rectangle.prototype.getCenter = function(){
  return {
    x: x + width/2,
    y: y + height/2
  };
}

Zlob

function Rectangle( x, y, width, height, options ){
  
  function getCenter(){
    return {
      x: x + width/2,
      y: y + height/2
    };
  }