aqua.77

gulp.src('styles/style.css').on('data', (file) => { return prettier.resolveConfig('styles/style.css').then((options) => { return prettier.format(file.contents, Object.assign(options, {filepath: 'styles/style.css'})); }); }) .pipe(gulp.dest('styles')); Как мне прогнать файл styles/style.css через через галп, с помощью prettier ?

Многие сервисы можно подключить разными способами. Hапример подключить Stylelint в проект можно: с помощью API, с помощью плагина PostCss, с помощью плагина gulp-stylelint, и вроде ещё с помощью webpack. Только ли в удобстве заключается разница между этими способами? Влияет ли способ подключения на скорость работы? Если результат всегда один, какая разница в способах подключения. Плюс иногда плагины обрабатываются методом pipe (потоками) - значит работают быстрее

Знаешь, возможно это костыль, но я что-то вроде этого придумал ? $( window ).resize(function() { mySwiper.autoplay.stop(); mySwiper.autoplay.start(); }); https://jsfiddle.net/24nsz5rq/5/

Я тоже так сделал https://jsfiddle.net/24nsz5rq/2/ Но,1 вопрос. как сделать чтобы при изменении экрана слайды продолжали двигаться, а не останавливались?

https://jsfiddle.net/hjyern2a/ Сейчас слайдер медленно двигается от первого слайда до последнего. Но когда достигает последнего элемента, он начинает резко скролить в начало. Как настроить так, чтобы при достижении последнего элемента он начинал так же медленно двигаться до первого и т.д. Т.е. как качели - от первого до последнего и обратно, с одинаковой скоростью.

А как точно так же сделать на чистом JavaScript???

Как сделать чтобы событие на 'div' выполнилось, после своего появления от нажатия на 'p' ? https://jsfiddle.net/s4eoawef/17/

Что за термин Полифилл?? касательно JS

Почему элемент <li> внутри элемента <p> тоже входит в выборку селектора ul > li ? он же не непосредственно дочерний https://jsfiddle.net/5unz8ta4/

И не работает если у карусели стоит значение loop: true, а если false то норм https://jsfiddle.net/hhnq8a26/21/

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

Когда создаётся куки setcookie("Cookie", "123"); Значение "123" хранится в браузере пользователя и занимает несколько байтов памяти компьютера. Если же создаётся сессия session_start(); $_SESSION['session'] = "456"; То значение "456" хранится на сервере и занимает память сервера верно?

Как пример в бутстрапе нельзя сделать 5 ровных колонок занимающие всю ширину. Приходиться самому создавать, или редактировать в бутсбрапе ширину для col-lg-2

Так я пологаю тоже не получится? <container> <div class="row"> <div class="col-xs-12 col-md-12"> <div>1</div> <div class="col-xs-push-12">3</div> </div> <div class="col-xs-12 col-md-12"> <div class="col-xs-pull-12">2</div> <div>4</div> </div> </div> </container>

Можно ли при такой структуре поменять местами при маленьких экранах блоки c текстом 2 и 3? <container> <div class="row"> <div class="col-xs-12 col-md-12"> <div>1</div> <div>3</div> </div> <div class="col-xs-12 col-md-12"> <div>2</div> <div>4</div> </div> </div> </container> т. е. сперва идёт обычный порядок 1 3 2 4, а при размере col-xs-12 меняется на 1 2 3 4

афтер не работает https://jsfiddle.net/1ygc5Lkb/

NaN вообще ничему не ровно получается

Смотрите: var n=prompt(); // Если ввести строку n=+n; alert(n); // И вывести непосредственно alert(n); То выводит NaN Но если проверить n==NaN будет false

Тогда вопрос; Примитивный пример: Есть скрипт с алертом, подключенный вот так <script src="js.js" defer></script> с defer. При обновлении сперва появляется алерт и только потом контент страницы. Почему так, ведь defer подразумевает сперва загружать содержимое страницы и только потом скрипт?

То есть не ждёт полной загрузки страницы, а выполняется как только сам загрузился?

Оба метода гарантируют что скрипт загрузится только после того когда загрузится весь html документ. Какая между ними разница кроме той, что $(document).ready пишется в js файле, а defer в атрибуде?

В коде

На странице есть много картинок, и чтобы сделать предварительную загрузку не комильфо прогонять каждый путь через массив, ибо путей много и вручную это долго. Как можно сделать по другому? Мой вариант будет правильным? При нажатии на маленькое изображение должно появляться большое без загрузки. $('.wrapper img').each(function(){ var att =$(this).attr('src'); var qwe = /(\.\w{3,4}$)/; att=att.replace(qwe,'_q.jpg'); var newI= $('<img src="'+att+'">'); $(this).click(function(){ $('.open').append('newI'); }); });

Я применил вот такой цикл предварительной загрузки изображений. Т.е. each проходит по всем изображениям получает их src адрес, и загружает её в переменной att. После при клике должна без загрузки появится большая версия картинки. Я всё правильно сделал? на практике всё работает без зависаний. $('.wrapper img').each(function(){ var att =$(this).attr('src'); var qwe = /(\.\w{3,4}$)/; att=att.replace(qwe,'_q.jpg'); var newI= $('<img src="'+att+'">'); $(this).click(function(){ $('.light img').attr('src',att); });

Я понимаю что display не анимируется, но height то анимируется. Как объединить эти два свойства вместе? Стоит задача плавно раскрыть скрытый элемент. Да знаю можно сделать visibility: hidden, но хочется чтобы лишний блок не нагружал браузер и не появлялся до своего момента. https://jsfiddle.net/2ds6ke41/