Заметки

Современный сайт трудно представить без запросов к серверу. Все большее и большее количество страниц не требуют перезагрузки страницы при переходе по ссылкам, а всего лишь получают новые данные и перерисовывают необходимые блоки. Использование XMLHttpRequest уже не «торт», так как большинство современных браузеров поддерживают fetch API.

Продолжение

Недавно у меня возникала необходимость показывать прелоадер каждый раз, когда в проекте отправляется запрос на удаленный сервер. Так как мы используем Babel для конвертации кода из ES6 в ES5, то fetch превращается в XMLHttpRequest. Это значит, что можно легко переписать два метода и задача будет решена.

var _oldSend = XMLHttpRequest.prototype.send;
XMLHttpRequest.prototype.send = function () {
  var _oldReadyStateChange = this.onreadystatechange;

  // Ваш код вначале Ajax-запроса

  _oldSend.apply(this, arguments);
  this.onreadystatechange = function () {
    if (this.readyState === 4) {

      // Ваш код, когда Ajax-запрос завершен

    }
    if (typeof _oldReadyStateChange === 'function') {
      _oldReadyStateChange.apply(this, arguments);
    }
  };
};

Для того, чтобы показать индикатор закгрузки, я переписал метод send, сохранив предварительно старую функцию в переменную _oldSend. Ну а onreadystatechange сообщает нам когда запрос завершен.

Этот способ отлично подойдет, если вы используете jQuery.

В первый день показа 16 декабря мне удалось посмотреть новый седьмой эпизод космической саги «Звездные войны». Я не то, чтобы фанат, но очень люблю серию и предварительно пересмотрел 3 эпизода 70-80 годов. Последние снятые и первые по хронологии фильмы начала 2000-х не пересматривал, так как делал это около года назад с женой.

В интернете полно хвалебных од фильму, и может показаться, что он великолепен, но лично мне не понравилось то, что я увидел.

Дальше иногда будут спойлеры, так что не советую читать тем, кто еще не смотрел.

Продолжение

Видеозапись всех докладов с Girls Not Bombs #5. Мероприятие состоялось в субботу в минском коворкинге Imaguru. Список докладов:

1. Настя Рыбик: «Yeoman: пишем свой собственный генератор»
2. Machiko Yasuda: «Learn with friends: how to organize meetups around projects & code»
3. Jacob Lowe: «SVG: Such vector goodness»