Size: a a a

Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript

2019 October 02

Р

Роб in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Т.е. если после перехода по ссылке слайдер уже будет находиться в нужном состоянии - определяем активный слайд, берем его значение для сверки (например дата-атрибут) и находим по нему связанный с ним элемент.
источник

s

spectrum in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Роб
Т.е. если после перехода по ссылке слайдер уже будет находиться в нужном состоянии - определяем активный слайд, берем его значение для сверки (например дата-атрибут) и находим по нему связанный с ним элемент.
Я написал такую функцию, но в ней ошибки, и не могу понять какие, т.к ещё плохо знаю js

function(){
       if (document.Swiper1.realIndex == "1") {  document.querySelector('link1').classList.add('new-class');
       }
     }
источник

Р

Роб in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Ну тут нужно знать какие у тебя элементы, что ты делаешь и какие оно выдает ошибки.
Мне сложно сказать вслепую.
источник

Р

Роб in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Но раз есть индекс, наверное, было бы немного удобнее брать выборку через querySelectorAll и использовать значение этого индекса как индекс массива элементов в слайдере - тогда не нужно будет плодить link1 и прочие
источник

Р

Роб in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
По крайней мере, если последовательность совпадает.
источник

Ni

Nemesidom in front of you in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
spectrum
Я написал такую функцию, но в ней ошибки, и не могу понять какие, т.к ещё плохо знаю js

function(){
       if (document.Swiper1.realIndex == "1") {  document.querySelector('link1').classList.add('new-class');
       }
     }
А я бы сделал так:
- сделал бы общую функцию для обработки значения индекса и в ней бы  получал бы индекс так: const index = this.activeIndex.
- подписался бы на события slideChange и init и в качестве callback указал предыдущую функцию
источник

Р

Роб in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Nemesidom in front of you
А я бы сделал так:
- сделал бы общую функцию для обработки значения индекса и в ней бы  получал бы индекс так: const index = this.activeIndex.
- подписался бы на события slideChange и init и в качестве callback указал предыдущую функцию
Ох уж этот ваш es6
источник

Ni

Nemesidom in front of you in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Роб
Ох уж этот ваш es6
Уже настолько погрузился в этот современный фронтенд, что считаю, что все по умолчанию используют Babel.
источник

Р

Роб in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Nemesidom in front of you
Уже настолько погрузился в этот современный фронтенд, что считаю, что все по умолчанию используют Babel.
Уроки на learn-js переписали, теперь новички сразу используют let\const
источник

E

Elyzar in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Локально глядя на эту ошибку можно что то понять?

Проблема в том что не отображается фон изображением. Указываю правильный путь и все ошибки на дурака, исключил. Проверил другой код, там background-image тоже перестали работать, хотя изображения не удалял и ничего не менял.

Кто то знает что за магия?
источник

E

Elyzar in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Compilation Error
Error: Invalid CSS after "...\\carousel-img-4": expected expression (e.g. 1px, bold), was ".png); }"
       on line 5 of sass/c:\Users\Elyzar\Desktop\tajam\sass\blocks\_navbar.sass
       from line 11 of sass/c:\Users\Elyzar\Desktop\tajam\sass\style.sass
>> \Desktop\tajam\img\carousel\carousel-img-4.png); }
источник

Р

Роб in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Elyzar
Compilation Error
Error: Invalid CSS after "...\\carousel-img-4": expected expression (e.g. 1px, bold), was ".png); }"
       on line 5 of sass/c:\Users\Elyzar\Desktop\tajam\sass\blocks\_navbar.sass
       from line 11 of sass/c:\Users\Elyzar\Desktop\tajam\sass\style.sass
>> \Desktop\tajam\img\carousel\carousel-img-4.png); }
Ммм, точно исключил? 1px bold похоже на Бордер или вроде того. Может где-то не закрыл скобку?
источник

E

Elyzar in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Щас код не могу скинуть, но уверяю скобки в порядке, пересмотрел ролики на Ютубе на стеке искал и ещё много где, все сводится к неправильному указанию пути
источник

Ni

Nemesidom in front of you in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Elyzar
Compilation Error
Error: Invalid CSS after "...\\carousel-img-4": expected expression (e.g. 1px, bold), was ".png); }"
       on line 5 of sass/c:\Users\Elyzar\Desktop\tajam\sass\blocks\_navbar.sass
       from line 11 of sass/c:\Users\Elyzar\Desktop\tajam\sass\style.sass
>> \Desktop\tajam\img\carousel\carousel-img-4.png); }
Есть возможность скинуть style.sass?

Возможно там ссылка не обернута в url, возможно стили не транслируются нормально (например, банально для loader'а в rules указан scss, а не sass) и много ещё таких "возможно"
источник

E

Elyzar in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Ссылку если вставить вместо локального пути то работает...
источник

E

Elyzar in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Наверное что то с путями, хотя уже не первый день возвращаюсь к проблеме, перепроверил вдоль и поперек
источник

Ni

Nemesidom in front of you in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Elyzar
Ссылку если вставить вместо локального пути то работает...
Я верно понимаю, что локальный путь указывается, чтобы его "подхватил" webpack?
источник

E

Elyzar in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Nemesidom in front of you
Есть возможность скинуть style.sass?

Возможно там ссылка не обернута в url, возможно стили не транслируются нормально (например, банально для loader'а в rules указан scss, а не sass) и много ещё таких "возможно"
Думаешь может быть проблема в подключении файла в style.sass, я бы поскидывал, но сейчас уже не могу
источник

E

Elyzar in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
??
источник

Ni

Nemesidom in front of you in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Пока информации слишком мало. По-хорошему, нужен конфиг webpack'а и этот файл, чтобы что-то конкретное можно было бы сказать.
источник