Jquery to native js

222
22 мая 2018, 16:00

есть JQ код:

(function($) {
  $.fn.textsize = function(kompressor, options) {
    var compressor = kompressor || 1,
      settings = $.extend({
        'minFontSize': Number.NEGATIVE_INFINITY,
        'maxFontSize': Number.POSITIVE_INFINITY
      }, options);
    return this.each(function() {
      var $this = $(this);
      var resizer = function() {
        $this.css('font-size', Math.max(Math.min($this.width() / (compressor * 5), parseFloat(settings.maxFontSize)), parseFloat(settings.minFontSize)));
      };
      resizer();
      $(window).on('resize.sizetext orientationchange.sizetext', resizer);
    });
  };
})(jQuery);
$(document).ready(function() {
  $(".textsize").textsize( $('.numberin').val() );
}
);
$(document).keyup(function() {
  $(".textsize").textsize( $('.numberin').val() );
}
);

Помогите переработать в чистый js, либо подскажите пожалуйста ресурс где можно будет подглядывать определения и с jq на js переделывать...

Заранее спасибо большое.

Answer 1

1) Собственно ресурс который начал двигать ваниль в массы vanilla-js.com много примеров для миграции

2) Наверное лучшая русскоязычная база знаний по js learn.javascript.ru

3) Когда то давно решил воспроизвести Jquery функции, но пока руки не доходят, надеюсь время скоро появится github.com/Dimario/miniJQ

READ ALSO
Почему в данном случае не получается привязать контекст?

Почему в данном случае не получается привязать контекст?

К сожалению, не могу продемонстрировать код в работе, так как здесь осуществляется работа с сервером с помощью ajaxУпрощенный пример

224
Реализация scroll

Реализация scroll

Как сделать чтобы скролл доходил точно до того блока с которого выезжал?

181
oncontextmenu, click по элементу и вне его

oncontextmenu, click по элементу и вне его

сижу и думаю, то ли я что то упускаю то ли что происходитесть тестовый параграф

183
Как реализовать передвижение в игре canvas?

Как реализовать передвижение в игре canvas?

Есть canvas,имеющий размеры 800x600px

218