Всем привет, как получить размер изображения перед тем, как оно полностью загрузится? У меня на сайте masonry посты с картинками, во время загрузки они постоянно скачут.

Всем привет, как получить размер изображения перед тем, как оно полностью загрузится? У меня на сайте masonry посты с картинками, во время загрузки они постоянно скачут.

Скажи что это не баг, а фича. Сори, не смог удержаться

Всем привет Есть ли те, кто пользуется web storm и уже успели обновиться до 2018? Помогите решить пожалуйста проблему. Раньше было что если я в каталоге закрою папку "pug" http://take.ms/NFvLk то все, что внутри также свернется. Сейчас оно остается открытым. Можно это как-то исправить?

Всем привет, как получить размер изображения перед тем, как оно полностью загрузится? У меня на сайте masonry посты с картинками, во время загрузки они постоянно скачут.

Если форматы картинок могут быть разные, то нужно запрос на размеры картинки просить отдельно в формате JSON к примеру

Как вариант гвоздиком прибить какой-то конкретный размер, а когда все картинки подгрузились, убрать этот размер

Так получится что будет только 1 перестроение

Если форматы картинок могут быть разные, то нужно запрос на размеры картинки просить отдельно в формате JSON к примеру

Действительно. Посмотрел, как в tumblr api сделано, там бекенд отдает картинку вместе с ее размером. А я думал что это дело фронтенда. Спасибо за помощь!

Не, это бэк должен уметь. У нас с этим большие проблемы были сначала, но потом порешали

Ребят, только сильно не бейте. Как сделать в зависимости от значения property, ставить этому элементу нужный класс?

Ребят, только сильно не бейте. Как сделать в зависимости от значения property, ставить этому элементу нужный класс?

{'нужный класс': обьект.проперти, 'нужный класс': !обьект.проперти}

либо функцию вызывать из класса со свичем

функцию со свичем в смысле

У меня три разных класса и три разных значения соответственно

computed: GetRealClaa Case 1 Return class1

Ой, а можно проще плиз?) Я ещё чайник)

Всё, базару нет, спасибо большое

В папке dist должно быть только 2 файла?

А где css, img...?

И как потом собрать файлы проекта в продакшн?

И как потом собрать файлы проекта в продакшн?

Напиши нормально, что, где, чем и как ты собираешь. А то: "Пацаны, у меня машина не заводится, че делать!?"

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

я долго не мог подобрать слов

Напиши нормально, что, где, чем и как ты собираешь. А то: "Пацаны, у меня машина не заводится, че делать!?"

но ты правильно описал

я даже не знал что ответить

хаха

Не смешно

Телепаты уже выехали

пацаны я просто новичек, не судите строго)

ну просто надо какую-то инфу предоставлять для ответа на вопрос

и не торопись на продакшн лить если новичек

vue init webpack-simple

vue init webpack-simple

CSS у тебя в js-файле)

CSS у тебя в js-файле)

Это нормально?)

а img на уроне index.html, куда укладывал, там и они)))

Это нормально?)

беда чувак, беда)))

Та не беда) новичек же

Та не беда) новичек же

Я новычек во vue и библиотеках)) До этого на чистом js писал

жээс это хорошо

В том то и дело

можешь документацию по vue почитать и потом приступать

да норм, я пошутил же)))

Почему в России и в Украине Vue как-то медленно вживляется ???

Подскажите кто каким WYSIWYG визульным редактором пользуется во VueJS, желательно без Jquery и доп. оберток?

Почему в России и в Украине Vue как-то медленно вживляется ???

почему медленно?

Подскажите кто каким WYSIWYG визульным редактором пользуется во VueJS, желательно без Jquery и доп. оберток?

Atom

почему медленно?

Если сравнивать по вакансиям то react и angular больше

Atom

Да не в чем ведете разработку, а для редактирования контента на странице?

Подскажите кто каким WYSIWYG визульным редактором пользуется во VueJS, желательно без Jquery и доп. оберток?

https://github.com/vuejs/awesome-vue#rich-text-editing

https://github.com/vuejs/awesome-vue#rich-text-editing

Спасибо!!!

Настанет ещё время Vue

Подключаю новый файл vue в js, вот так: import Test from './Test.vue'

Но не работает

Правильно я все делаю?

Меняй работу

Правильно я все делаю?

Шо в консольке пишет?

Та вроде да. Расширение можете не писать. Вы же его вебпаком собираете?

Та вроде да. Расширение можете не писать. Вы же его вебпаком собираете?

да

да

И что он говорит?

Надо скрин ошибки

да

ты структуру проекта нарушаешь, немного с основами проекта нужно разобраться

Надо скрин ошибки

Ошибки нет

Подключаю новый файл vue в js, вот так: import Test from './Test.vue'

А в components прописываеш его?

А в components прописываеш его?

нет

Кто-нить использовал Vue-Token ? или есть ещё что-нить по проще?

доброй ночи это родительский компонент. как мне в методax 'moveToRight/Left' заставить измениться дочерние компоненты main-slideshow?

доброй ночи это родительский компонент. как мне в методax 'moveToRight/Left' заставить измениться дочерние компоненты main-slideshow?

что именно изменить?

доброй ночи это родительский компонент. как мне в методax 'moveToRight/Left' заставить измениться дочерние компоненты main-slideshow?

Сделай какой-нибудь activeSlide, прокидывай его в пропс и меняй в родителей, как пожелаешь )

ну смотри. методы мувТу срабатывают по клику. мне в дочерних компонентах нужно понять что в родителе был клик. как это сделать?

Хай! Есть кто с <transition> ковырялся? Хочу сделать на появление/удаление соответственно slideUp/slideDown Юзер нажал галку - компонент начал расхлопываться (overflow: hidden; height: xxx) Юзер отжал галку - компонент начал схлопываться (height:0) Теперь проблема: компонент еще не схлопнулся до конца, а юзер снова нажал галку =) Поскольку компонент заново маунтится, у ноды очищается style, и в момент, когда срабатывает @enter транзишна, нода уже имеет свою дефолтную высоту, и я могу только начать его расхлопывать заново с нуля. Можно ли это как-то разрулить, не заменяя v-if на v-show?

ну смотри. методы мувТу срабатывают по клику. мне в дочерних компонентах нужно понять что в родителе был клик. как это сделать?

Хочешь менять слайд на слайдерах, правильно ж?

ну да, двигать оба слайдера

ну и не вынося значение height куда-то в глобальный стейт, ибо это дичь какая-то )

ну смотри. методы мувТу срабатывают по клику. мне в дочерних компонентах нужно понять что в родителе был клик. как это сделать?

1) Прокидывать пропсом (как выше описали) 2) Навесить на компонент реф и тригерить его функции из родителя 3) Шина

ну да, двигать оба слайдера

Тогда прочти мой коммент выше, если не читал. Сверху вниз методы не дергают в vue

Тогда прочти мой коммент выше, если не читал. Сверху вниз методы не дергают в vue

дергаются как угодно

this.$refs[comp].customMethod()?

дергаются как угодно

Наговнокодить можно как угодно, не спорю :) но не всегда это актуально )

this.$refs[comp].customMethod()?

Угу, типа так можно тоже

Наговнокодить можно как угодно, не спорю :) но не всегда это актуально )

По-моему, зачастую говно выходит из кучи стейтов

По-моему, зачастую говно выходит из кучи стейтов

Если честно, я вообще пока плохо могу представить, зачем 2м слайдерам общие кнопки переключения :)

я недавно делал похлеще штуку со слайдерами, возможно это будет слайдер со слайдерами, где будет одно большая навигация, одна внутренняя совмещенная с общей

в общем, дизайнеры, надеюсь вас сильно жарить будут в аду

Если честно, я вообще пока плохо могу представить, зачем 2м слайдерам общие кнопки переключения :)

могу линк кинуть)

как он выглядит

могу линк кинуть)

Кинь )

https://echo.msk.ru/

ток не с телефона смотри

1 и 3 слайд показывают одни и те же материалы

а 2 свои материалы

на 3ем есть стрелочки

которыми можно переключить