Size: a a a

Nuxt.js — русскоговорящее сообщество

2020 November 20

G

Gear in Nuxt.js — русскоговорящее сообщество
гугл уже чтото находит) https://github.com/vuejs/vue/issues/8822 чо пишут там?
источник

DS

Dmytro Svyrydenko in Nuxt.js — русскоговорящее сообщество
Чет не смог нагуглить, спасибо) Проблема в functional components
Видимо keys для них работают как-то не так
Буду гуглить дальше как фиксить :D
источник

DS

Dmytro Svyrydenko in Nuxt.js — русскоговорящее сообщество
А вот и фикс
источник

DS

Dmytro Svyrydenko in Nuxt.js — русскоговорящее сообщество
Чесн говоря – дичь какая-то 🙈😂
источник

DS

Dmytro Svyrydenko in Nuxt.js — русскоговорящее сообщество
Еще такой вопрос
Может кто-то сталкивался с memory leak в nuxt? Вроде бы понятно как решать подобную проблему – искать неочищаемые объекты или создание новых и новых функций/объектов на инстансе nuxt. Но прикол в том, что как только у меня эта проблема появилась, я пошел гуглить. Как только нагуглил возможное решение, начал снова проверять, но memory leak исчез. Т.е. это что-то супер плавающее. Понятно что по описанию непонятно как решать, но вдруг кто сталкивался
источник

АБ

Алексей Дмитриевич Б... in Nuxt.js — русскоговорящее сообщество
Dmytro Svyrydenko
А вот и фикс
нихт, не так надо, в фунциональном надо так

v-bind="data.$attrs"


что бы вся хурма доехала, в том числе референсы и прочее, а если надо обработчики, то ещё и

v-on="listeners"
источник

D

Dmitry in Nuxt.js — русскоговорящее сообщество
Dmytro Svyrydenko
Еще такой вопрос
Может кто-то сталкивался с memory leak в nuxt? Вроде бы понятно как решать подобную проблему – искать неочищаемые объекты или создание новых и новых функций/объектов на инстансе nuxt. Но прикол в том, что как только у меня эта проблема появилась, я пошел гуглить. Как только нагуглил возможное решение, начал снова проверять, но memory leak исчез. Т.е. это что-то супер плавающее. Понятно что по описанию непонятно как решать, но вдруг кто сталкивался
источник

DS

Dmytro Svyrydenko in Nuxt.js — русскоговорящее сообщество
Алексей Дмитриевич Бубенчиков
нихт, не так надо, в фунциональном надо так

v-bind="data.$attrs"


что бы вся хурма доехала, в том числе референсы и прочее, а если надо обработчики, то ещё и

v-on="listeners"
Ну так нужно делать только если я прям захочу так сделать) Я знаю о attrs и listeners
В моем случае это максимально независимые элементы
источник

DS

Dmytro Svyrydenko in Nuxt.js — русскоговорящее сообщество
Ну да, я читал это
У меня axios-а нету
Да и там парень описывал о постоянных проблемах
Моя же просто взяла и исчезла
источник

SC

Sheldon Cooper in Nuxt.js — русскоговорящее сообщество
Dmytro Svyrydenko
Еще такой вопрос
Может кто-то сталкивался с memory leak в nuxt? Вроде бы понятно как решать подобную проблему – искать неочищаемые объекты или создание новых и новых функций/объектов на инстансе nuxt. Но прикол в том, что как только у меня эта проблема появилась, я пошел гуглить. Как только нагуглил возможное решение, начал снова проверять, но memory leak исчез. Т.е. это что-то супер плавающее. Понятно что по описанию непонятно как решать, но вдруг кто сталкивался
причины утечек в JS может быть несколько некоторые из них:
нестопнутые счетчики setInterval;
.push в ранее объявленные массивы, каждый раз при получении внешних данных;
неправильные мутации state в Vuex.
-----------
Чтобы отловить учтечку нужны дампы heap. Сравнивать их дело не очень быстрое, но другого способа нет.
источник

VS

Vlad 🦠 Starkovsky in Nuxt.js — русскоговорящее сообщество
Sheldon Cooper
причины утечек в JS может быть несколько некоторые из них:
нестопнутые счетчики setInterval;
.push в ранее объявленные массивы, каждый раз при получении внешних данных;
неправильные мутации state в Vuex.
-----------
Чтобы отловить учтечку нужны дампы heap. Сравнивать их дело не очень быстрое, но другого способа нет.
Залинкованные между собой переменные
источник

VS

Vlad 🦠 Starkovsky in Nuxt.js — русскоговорящее сообщество
🌚
источник

DS

Dmytro Svyrydenko in Nuxt.js — русскоговорящее сообщество
Sheldon Cooper
причины утечек в JS может быть несколько некоторые из них:
нестопнутые счетчики setInterval;
.push в ранее объявленные массивы, каждый раз при получении внешних данных;
неправильные мутации state в Vuex.
-----------
Чтобы отловить учтечку нужны дампы heap. Сравнивать их дело не очень быстрое, но другого способа нет.
Что значит неправильные мутации в state?
источник

SC

Sheldon Cooper in Nuxt.js — русскоговорящее сообщество
Dmytro Svyrydenko
Что значит неправильные мутации в state?
когда вместо вызова мутации присваивают в компоненте:
this.$store.state.name = someValue

либо делают двустороннюю привязку
v-model="$store.state.name"

либо в action делают такое же присвоение:
myAction({state}, someValue) {
 state.name = someValue;
}
источник

DS

Dmytro Svyrydenko in Nuxt.js — русскоговорящее сообщество
А, та ну до этого никогда не доходит, ибо strict: true
источник

DS

Dmytro Svyrydenko in Nuxt.js — русскоговорящее сообщество
Основная проблема в том, что утечка была пару раз на одной странице, а потом просто пропала
источник

DS

Dmytro Svyrydenko in Nuxt.js — русскоговорящее сообщество
Код не менялся вообще
источник

DS

Dmytro Svyrydenko in Nuxt.js — русскоговорящее сообщество
Понятно что звучит как магия, но потому и спросил
источник

DS

Dmytro Svyrydenko in Nuxt.js — русскоговорящее сообщество
Еслиб утечка постоянно появлялась, то я бы просто функционал отключал и смотрел бы есть/нету
источник

D

Denis in Nuxt.js — русскоговорящее сообщество
ребят, привет, кто как избавлялся от FOUT (Flash Of Unstyled Text) ?
Подключаю шрифты с помощью webfontloader:
webfontloader: {
   google: {
     families: ['Fira+Sans:300,400,500,600,700', 'Roboto:300,400,500,600,700'],
   },
 },
источник