Телеграмм чат группы vuejs

Size: a a a

Клуб Vue.js-разработчиков

2021 February 19

⠀

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

Чекнуть руками

источник

22:08пожаловаться #1

Illya Klymov in Клуб Vue.js-разработчиков

Illya Klymov

А в том что каскад стилей может неожиданно ворваться в стили вашего компонента :)

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

источник

22:08пожаловаться #2

😎

😎Alex in Клуб Vue.js-разработчиков

Illya Klymov

А в том что каскад стилей может неожиданно ворваться в стили вашего компонента :)

Ну и ладно. Если ворвался, значить так и надо ))

Скажем, компонент рисует черный текст.

А я, на уровне выше, хочу чтобы этот компонент рисовал синий текст. Я могу это переопределить.

источник

22:08пожаловаться #3

⠀

⠀ in Клуб Vue.js-разработчиков

Михаил(Kotaro) Малахов

<style scoped> ?)))

Если бэм, то скоупд не нужен

источник

22:08пожаловаться #4

ИС

Илья Салмасов... in Клуб Vue.js-разработчиков

Михаил(Kotaro) Малахов

<style scoped> ?)))

Это не гарантирует того, что кто-то ворвется в твой компонент снаружи

источник

22:08пожаловаться #5

Illya Klymov in Клуб Vue.js-разработчиков

😎Alex

Добро пожаловать в мир проблем "кто повлиял на мой компонент снаружи" :)

источник

22:08пожаловаться #6

Illya Klymov in Клуб Vue.js-разработчиков

⠀

Чекнуть руками

И как вы убедитесь что протестировали все селекторы? На глаз?

источник

22:09пожаловаться #7

Drew Naumenko in Клуб Vue.js-разработчиков

чтоб прям наверняка ?

ну просто если я его при отправке ограничу вот так :

function validateEmail(email) {
    const re = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
    return re.test(String(email).toLowerCase());
}
if(!validateEmail(someEmail)) {
 return
}

ну тоесть он же никак не пройдёт, то там зачем валидация?

источник

22:09пожаловаться #8

ℝ

ℝΞ-1 :: ∅ → 🦠 → 👑... in Клуб Vue.js-разработчиков

Illya Klymov

Идеальных инструментов нет :) html получается некрасивый конечно :)

Ну не спорю, но скорость разработки с ним выше. + это практически готовая дизайн система которую только настроить нужно. Ведь так или иначе ее придется делать (если продукт хороший и дизайнер умеет делать)

источник

22:09пожаловаться #9

😎

😎Alex in Клуб Vue.js-разработчиков

Ну, так @xanf_ua, какой главный недостаток атомарного подхода?

источник

22:09пожаловаться #10

Illya Klymov in Клуб Vue.js-разработчиков

Михаил(Kotaro) Малахов

<style scoped> ?)))

Они протекают

источник