Size: a a a

Vue.js Russian Developers Community

2020 September 15

D

DS_PRO in Vue.js Russian Developers Community
😂
источник

РМ

Рафаил Мамедов... in Vue.js Russian Developers Community
Michael
Нужно сделать брекпоинты для template как в vuetify. md, sm. Как думаете что легче для браузера window.matchMedia или вручную через resize проверять ширину екрана.
Resize это событие
MatchMedia функция

Как их сравнивать?
И не особо пойму как отслеживать брикеойнты при помощи MatchMedia?
источник

M

Michael in Vue.js Russian Developers Community
Рафаил Мамедов
Resize это событие
MatchMedia функция

Как их сравнивать?
И не особо пойму как отслеживать брикеойнты при помощи MatchMedia?
источник

M

Michael in Vue.js Russian Developers Community
источник

РМ

Рафаил Мамедов... in Vue.js Russian Developers Community
Ну окей, как вы хотите понять что эту функцию нужно вызвать еще раз без использования события resize?
источник

РМ

Рафаил Мамедов... in Vue.js Russian Developers Community
Она сама по себе не реактивна
источник

РМ

Рафаил Мамедов... in Vue.js Russian Developers Community
Вернет 1 раз результат и все...или я чтото не понимаю?
источник

M

Michael in Vue.js Russian Developers Community
Рафаил Мамедов
Ну окей, как вы хотите понять что эту функцию нужно вызвать еще раз без использования события resize?
matchResize самa вызываеться при прохождении брекпоинта
источник

M

Michael in Vue.js Russian Developers Community
addListener там
источник

РМ

Рафаил Мамедов... in Vue.js Russian Developers Community
Michael
matchResize самa вызываеться при прохождении брекпоинта
я не могу найти такую функцию в спецификациях
вероятно ее нет, это функция вашего приложения


и причем она тут?
источник

M

Michael in Vue.js Russian Developers Community
Рафаил Мамедов
я не могу найти такую функцию в спецификациях
вероятно ее нет, это функция вашего приложения


и причем она тут?
источник

РМ

Рафаил Мамедов... in Vue.js Russian Developers Community
вы можете повесить событие на window.resize или обертку над ним и при возникновении этого события уже что-то пересчитывать, при помощи MatchMedia или еще как-то;
источник

РМ

Рафаил Мамедов... in Vue.js Russian Developers Community
ну дак это MediaQueryList , а не matchResize
источник

M

Michael in Vue.js Russian Developers Community
Оу, не  так написал выше
источник

РМ

Рафаил Мамедов... in Vue.js Russian Developers Community
Michael
Оу, не  так написал выше
разницы не будет особой, как удобнее так и используйте
источник

РМ

Рафаил Мамедов... in Vue.js Russian Developers Community
Michael
Оу, не  так написал выше
разница основная не в производительности, которая будет почти одинаковой, да и какая тут производительсность… у вас шо аппка, которую юзеры обычно резайзят по кд?

MediaQueryList вам вернет boolean о соответствии заданному media выражению
Resize вернет точный размер при каждом изменении

если брикпойнтов много, то наверно удобнее resize
источник

M

Michael in Vue.js Russian Developers Community
Рафаил Мамедов
разница основная не в производительности, которая будет почти одинаковой, да и какая тут производительсность… у вас шо аппка, которую юзеры обычно резайзят по кд?

MediaQueryList вам вернет boolean о соответствии заданному media выражению
Resize вернет точный размер при каждом изменении

если брикпойнтов много, то наверно удобнее resize
"резайзят по кд"?
источник

M

Michael in Vue.js Russian Developers Community
Думаю так удобнее. Не нужно думать о ширине скролбара
источник

РМ

Рафаил Мамедов... in Vue.js Russian Developers Community
Michael
"резайзят по кд"?
очень часто и много изменяют размер окна, чтобы заподозрить, что там нужно что-то сверхоптимизировать
источник

РМ

Рафаил Мамедов... in Vue.js Russian Developers Community
Michael
Думаю так удобнее. Не нужно думать о ширине скролбара
ну зато нужно думать о других вещах)
источник