Резюме
Фронтенд-инжиниринг можно разделить на четыре аспекта:模块化,组件化,规范化а также自动化.
модульный
模块化Это относится к разделению файла на несколько взаимозависимых файлов и, наконец, к выполнению унифицированной упаковки и загрузки, что может обеспечить эффективную совместную работу нескольких человек. который содержит
- Модульный JS: модуль CommonJS, AMD, CMD и ES6.
- Модульность CSS: Sass, Less, Stylus, BEM, модули CSS и т. д. Одна из проблем, с которой сталкиваются как препроцессоры, так и БЭМ, — переопределение стилей. Модули CSS, с другой стороны, управляют зависимостями через JS, максимизируя сочетание модульности JS и экологии CSS, таких как область стиля в Vue.
- Модульность ресурсов: любой ресурс может быть загружен в виде модуля.В настоящее время большинство файлов, CSS, изображений и т. д. в проекте могут напрямую обрабатываться JS для унифицированных отношений зависимости.
составной
В отличие от модульных,模块化заключается в разделении файлов, кода и ресурсов, и组件化Это разделение на уровне пользовательского интерфейса.
Обычно нам нужно разделить страницу, разбить ее на части одну за другой, а затем реализовать каждую часть отдельно и, наконец, собрать ее.
В нашем фактическом развитии бизнеса нам необходимо по-разному учитывать разделение компонентов, которые в основном включают细粒度а также通用性Рассмотрим эти две части.
Что касается бизнес-компонентов, вам нужно больше учитывать пригодность бизнес-направления, за которое вы отвечаете, то есть станет ли бизнес-компонент, который вы разрабатываете, «общим» компонентом вашего текущего бизнеса.
нормализовать
Как говорится, нет правил и квадратов, и несколько хороших спецификаций могут помочь нам в разработке и управлении проектом.规范化Относится к серии спецификаций, разработанных нами на ранней стадии разработки проекта и во время разработки, которая также включает
- Структура каталогов проекта
- Спецификация кодирования: для ограничений кодирования мы обычно используем некоторые обязательные меры, такие как ESLint, StyleLint и т. д.
- Совместная спецификация отладки
- соглашение об именах файлов
- Спецификации управления стилями. В настоящее время популярные методы управления стилями включают модули BEM, Sass, Less, Stylus и CSS.
- Рабочий процесс Git Flow: который включает в себя конвенции об именах ветви, конвенции слияния кода и многое другое.
- Регулярный обзор кода … так далее
автоматизация
От самого раннего grunt, gulp и т. д. до текущего веб-пакета, посылки. Эти автоматизированные инструменты могут сэкономить нам много работы по автоматизации слияния, сборки и упаковки. И это только часть автоматизации фронтенда, фронтенда自动化Он также включает в себя непрерывную интеграцию, автоматизированное тестирование и другие аспекты.