TS на самом деле очень удобный инструмент, которому я долго противился. Не буду рассказывать о его преимуществах, это вопрос индивидуальный для каждого. Но приведу просто два факта которые убедили меня попробовать:
* Первое - создателем этого инструмента есть - Anders Hejlsberg, человек, который создал Турбо Паскаля, Delphi и C #.
* Второе и еще более убедительное - корпарация Google официально отказалась от своего аналога Dart в пользу TS и Angular2 реализовала на нем.
Спасибо почитаю.
относительно человека после ...
Как раз понимаю. Но есть одна проблема - свой код всегда понятен и прост как ясен день, особенно в момент написания, пока все еще в голове. И вот здесь нужен стоп-сигнал, чтоб прогудел, когда стрелка весов перевалит от здравого смысла к извращениям.
Поэтому и ищу литературу, где были бы установлении какие-то правила. Вот так - можно, так - уже не желательно, а так - не надо. Как в Бэм, к примеру. => Уникальный селектор каждому блоку - Бро. Уникальный селектор-модификатор для разновидности блока - тоже Бро. Один уровень вложенности - терпимо. Более одного уровня вложенности - совсем не Бро.
Ну я тоже делал что-то подобное, но так +e( 'col', mods={xs: '12', sm: '8', lg: '6' } ). Чтобы не было путаницы. И все таки bemto мне больше понравился. Так ты говоришь что там элемент видит свой блок, а не общий? А как? Ато я чет не разобрался..
Видел твой велосипед днями на бэм форуме. Но там какой-то глюк и не получилось написать коммент. Я так понимаю, что основное отличие от bemto это видимость элементом своего непосредственного родителя (блока), а не только корневого?
Ну, я не могу сказать, что это ускоряло, так как, почти всегда или пропускал какой то закрывающий тег после чего долго и нудно исправлял или в конечном итоге приходилось сделать какие-то изменения и начиналась эпопея - пойди найди все места где это использовано, исправь и не сделай еще 100500 дополнительных проблем. Благо есть pug и такая проблема отпала сама по себе.
Да тут не о чем спорить. pug это практически es6 + некоторые плюшки в виде упрощенного синтаксиса. То есть на нем можно реализовать все, что придет в голову. Отступления меня по началлу тоже напрягали и я искал аналогию со скобками по типу sass и scss. Но через неделю работы я понял что это очень удобно, а если уж очень хоцца постивиты скобку, так ставьте. В почему проблема, только перед ней напишите "-"
Спорить не буду, я пока не спец по Ноде, но очень часто в различных статьях, на различных форумах эти три слова - Node, Express, JADE идут рядом. Отсюда и делаю вывод
А еще руби. Если большая вероятность сделать ошибку через отступления, значит ты его не правильно используешь. Он задуман не как сокращенный синтаксис html, чтобы на нем писать по 300 строчек кода. А как инструмент для разбивки больших документов на мелкие модули которые включаются в нужных местах одной строчкой.
Недавно перепробовал все современные редакторы, хотел перейти с sublime на что-то более современное. Сначала порадовал Атом, уж больно он красивый. Но очень раздражала его медлительность по сравнению с sublime. Брекет тоже ничего, нафарширован фичами по полной. Но багами пока еще больше.... Вебшторм вместе с фотошопом так гудели кулером, что я начал прятаться под стол. И наконец мой выбор пал на vs code. Никогда не думал, что Microsoft может сделать что-то не через одно место. но пока он меня только радует. Скорость, ничем не хуже чем в sublume, по возможностям нечто среднее между ркдактром и IDE. Встроенная система дебага js и node. Полноценная встроенная консоль итд. Советую присмотреться.
Ну там достаточно гибкая система настроек. Но проще всего, все в кучу без дублей и с объединением селекторов с одинаковыми стилями. Например
.class1, .class2{
color: purple;
}
.class1{
font-size: 1em;
}
.class2{
font-size: 0.8em;
}
а потом уже вручную себе их разделишь по файлам. Но, в принципе, ежели покопаться в настройках то думаю можно сразу сделать то что тебе нужно, вопрос что скорее будет)
Хорошо а как на счет отдельной сущности без DOM реализации
.text-upp {
text-transform: uppercase;
}
к примеру,
которую миксовать со всеми элементами где требуется текс в верхнем регистре (кнопка, заголовок, еще что-то ...). Как тут https://ru.bem.info/methodology/css/#Стилизация-гр...
Или это не правильно использовать один микс для различных типов сущностей.
Вопрос, как на счет небольших внутренних изменений средствами родительского селектора помимо позиционирования. К примеру, в шапке есть кнопка и только в шапке текст кнопки написан в верхнем регистре. Все остальные кнопки используют обычный текст.
а. Задать uppercase через микс с родительским селекторм?
б. Микс из какой-то абстрактной bem сущностью - .upp?
c. Просто написать текст через капс. ?
* Первое - создателем этого инструмента есть - Anders Hejlsberg, человек, который создал Турбо Паскаля, Delphi и C #.
* Второе и еще более убедительное - корпарация Google официально отказалась от своего аналога Dart в пользу TS и Angular2 реализовала на нем.