а влезу и я сюда

смотри

А есть у кого опыт использования vue одновременно с ангуляр?

https://blog.holistics.io/why-and-how-we-migrated-from-angularjs-to-vuejs/

у меня так в обычном сайте общаются через var bus = new Vue()

и emit/on

Всем привет,подскажите способ прокидывания данных через 2-3 родителя

vuex

а у меня вот ещё один вопрос на ту же тему как вообще обстоит дело со встраиванием собранных однофайловых компонентов в обычные (не-спа) страницы?

https://blog.holistics.io/why-and-how-we-migrated-from-angularjs-to-vuejs/

странный там подход, но интересный, спасибо

vuex

а если только в одном месте это нужно

я выше писал через шину, которая является пустым инстансом vue

в доке описано такое

а если только в одном месте это нужно

props

var app1 = new Vue({ el: '#app1', }); var app2 = new Vue({ el: '#app2', }); и понятное дело app1 и app2 не в одной иерархии Они как-то между собой умеют общаться?

Нет, это два разных приложения

https://vuejs.org/v2/guide/state-management.html#Simple-State-Management-from-Scratch

я выше писал через шину, которая является пустым инстансом vue

збс, спасибо!

а если только в одном месте это нужно

Без vuex - через события и props-ы

Без vuex - через события и props-ы

Спасибо,думал что както через $emit можно прокинуть

Ну $emit это вызов события, это оно и есть

Вызов события в родителе

можно через $root пробросить)

Вызов события в родителе

Когда люди начнут пользоваться реплаями

можно через $root пробросить)

Мне кажется, это плохая практика

Ребята привет! Подскажите такую штуку Необходимо реализовать загрузку фотографий. За раз юзер может загружать около 300 фото. Как лучше подойти к этой задаче ? 1. В цикле отправлять 300 запросов 2. 300 запросов через Promise.all() 3. Загружать все 300 фото за раз одним запросом 4. ...

Привет, насколько неужели все 300 фотографии будет на одном экране? На сколько реально необходимо все 300 подгружать ?

«Сделайте отображение 1 000 000 000 записей на экране одновременно»

пользователь должен быть в курсе всех своих проводок

а можно как то сделать так, что бы эти пути не конфликтовали? { path: '/post/:id', component: SinglePost }, { path: '/post/create', component: CreatePost }

Поменяй местами их в объекте

Ребята привет! Подскажите такую штуку Необходимо реализовать загрузку фотографий. За раз юзер может загружать около 300 фото. Как лучше подойти к этой задаче ? 1. В цикле отправлять 300 запросов 2. 300 запросов через Promise.all() 3. Загружать все 300 фото за раз одним запросом 4. ...

Нужно выбрать правильный ответ?

я за 4 )

нет серьезно 500px не зря хлеб свой жуют … и практика которую закладывает fickr вообще не юзабельная

Привет, насколько неужели все 300 фотографии будет на одном экране? На сколько реально необходимо все 300 подгружать ?

Это загрузка альбома в админке

попробуй сравнить два подхода

https://www.flickr.com/groups/lbfe/pool/ https://500px.com/popular

Кстати мысля))

не получаеться сделать сортировку цены((((

<!--components/User.vue--> <template lang="html"> <div> <input type="text" v-model="search" placeholder="search products"> <button v-on:click="sortPrice()" class="btn btn-danger">Resort Me!</button> <div v-for="product in filterProducts"> <h1>{{product.name | to-uppercase}}</h1> <img :src="product.image" width="200px" height="400px"> <p>{{product.description | snippet}}</p> <p><small>{{product.price | orderBy 'price'}}</small></p> </div> </div> </template> <script> export default { data() { return { products: [], search: '' } }, methods: { sortedArray: function() { function sortPrice(product) { console.log('this work'); if (product.price < product.price) return -1; if (product.price > product.price) return 1; return 0; } return this.product.price.sort(compare); } }, created() { this.$http.get('/src/schema/product_list.json').then((item) => { console.log(item); this.products = item.data; }) }, computed: { filterProducts: function () { return this.products.filter((product) =>{ return product.name.match(this.search); }) } }, } </script> <style lang="css"> </style>

Ребята привет! Подскажите такую штуку Необходимо реализовать загрузку фотографий. За раз юзер может загружать около 300 фото. Как лучше подойти к этой задаче ? 1. В цикле отправлять 300 запросов 2. 300 запросов через Promise.all() 3. Загружать все 300 фото за раз одним запросом 4. ...

Глянул на imgur.com они загружают каждое фото отдельно

Ребята привет! Подскажите такую штуку Необходимо реализовать загрузку фотографий. За раз юзер может загружать около 300 фото. Как лучше подойти к этой задаче ? 1. В цикле отправлять 300 запросов 2. 300 запросов через Promise.all() 3. Загружать все 300 фото за раз одним запросом 4. ...

Загружать по одному, сделать подобие очереди, как только резолвится один промис - кидать другой

Вот о том же думаю

длина очереди - ну штук 5 думаю нормально

я вообще такого не делал, и с core CS у меня слабо, но думаю что может быть массив с активными загрузками, а на резолв промиса ты удаляешь из массива разрезолвеный промис, и закидываешь следующего из "ожидающих"

не представляю, как можно за раз загрузить 300 фото

ой

вернее, по одной

а в чем проблема?

* как юзер

я так делал

не 300, но 100 бывало

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

Зацените мое сегодняшнее открытие

Сумел я таки ознакомиться с интересной ссылкой из прошлого поста - https://docs.gitlab.com/ee/development/fe_guide/vue.html В основном там написано про то, как они делали рефакторинг с постепенным замещением некоторых частей на вью (не всех, а только тех, что требуют частого обновления данных, интерактивщины и бла бла бла). Так вот больше всего понравился этот кусок кода - https://docs.gitlab.com/ee/development/fe_guide/vue.html#end-result Вы понимете? Так ведь можно отделять данные от слоя представления! Код становится реально чище и читабельнее, сами посмотрите: https://jsfiddle.net/fl0pzz/gjcz98bu/1/ - тут мы вынесли данные, компоненты заметно похудели https://jsfiddle.net/fl0pzz/ytef6p3h/ - а вот тут привычный подход, когда данные слиты с предсталением Выводов пока не делаю, так как сам еще не успел обсмаковать данную идею, но что скажите вы? Плюсы/минусы? Пишите в личку @fl0pzz И, не забывайте подписываться - @pecheniai

Глянул я тут как чуваки делают мульти-загрузку https://github.com/chybie/file-upload-vue/blob/master/src/file-upload.fake.service.js

Через промис All

мне кажется это не очень идея

если сорвется загрузка - как ты узнаешь какого файла? мне кажется хендлить такое будет трудно, если ожидаеются сотни файлов

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

ХЗ пока еще не знаю как хендлить загрузку по одному файлу

Если промисы в цыкле, то как остановить цыкл если один зафейлится

если сорвется загрузка - как ты узнаешь какого файла? мне кажется хендлить такое будет трудно, если ожидаеются сотни файлов

Потому что можно пройтись ,.map по массиву с промисам и добавить везде .catch

Ошибок нет - .all отработает

Че вы паритесь? Промисы с саццесс и еррор по очереди

Ёпты ж, как проблематично...

ХЗ пока еще не знаю как хендлить загрузку по одному файлу

есть массив файлов для загрузки (очередь), массив текущих загрузок первым действием .pop-ишь 5 файлов из очереди, для каждого создаешь промис и подвешиваешь два хендлера, на саксес - удалить успешный промис из массива загрузок - взять следующий файл из очереди - создать для него такой же промис - кинуть в массив активных загрузок на эррор - вернуть файл в массив файлов

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

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

Сенк! Попробую)

Хотя я вот так подумал, наверное же браузер сам может организовать такую очередь, так что можно 300 промисов конечно сразу ебнуть, но мне кажется тут могут начаться проблемы с каналом или памятью, а может и не начнутся

то у браузера и так есть что-то вроде очередей на http запросы, может такие велосипеды без смысла городить, и можно с .all

Сумел я таки ознакомиться с интересной ссылкой из прошлого поста - https://docs.gitlab.com/ee/development/fe_guide/vue.html В основном там написано про то, как они делали рефакторинг с постепенным замещением некоторых частей на вью (не всех, а только тех, что требуют частого обновления данных, интерактивщины и бла бла бла). Так вот больше всего понравился этот кусок кода - https://docs.gitlab.com/ee/development/fe_guide/vue.html#end-result Вы понимете? Так ведь можно отделять данные от слоя представления! Код становится реально чище и читабельнее, сами посмотрите: https://jsfiddle.net/fl0pzz/gjcz98bu/1/ - тут мы вынесли данные, компоненты заметно похудели https://jsfiddle.net/fl0pzz/ytef6p3h/ - а вот тут привычный подход, когда данные слиты с предсталением Выводов пока не делаю, так как сам еще не успел обсмаковать данную идею, но что скажите вы? Плюсы/минусы? Пишите в личку @fl0pzz И, не забывайте подписываться - @pecheniai

Держи еще ссылку :) https://youtu.be/-69tKcl1oTE

Держи еще ссылку :) https://youtu.be/-69tKcl1oTE

👍

В ее слайдах как раз ссылка на этот гайдлайн

А помните Эван Ю где воркшоп вел? Кто-то его смотрел?

Какой именно?

Который advanced

Я смотрел

+

И до сих пор ничего не написали об этом? 😡