В прошлом году 19 августа был особенным днем для начальной загрузки - не только четвертая годовщина проекта, но и день, когда внутренняя бета -версия Bootstrap 4 была выпущена после года интенсивного развития. Bootstrap 4 является основным обновлением, которое включает в себя почти каждую строку кода.
1. Новые функции
В начальной загрузке 4 слишком много основных обновлений, и эта статья не может охватить все. Вот некоторые основные моменты, которые привлекли большое внимание:
Мигрируя от меньшего количества на Sass: Bootstrap теперь присоединяется к семье Sass. Благодаря Libsass, Bootstrap собирает быстрее, чем раньше;
Улучшите систему сетки: добавьте новый слой сетки, чтобы адаптироваться к мобильным устройствам и реорганизации семантического смешивания.
Поддерживает выбор модели Elastic Box (Flexbox): это функция изготовления эпох - если модифицируется логическая переменная, вы можете быстро расположить преимущества Flexbox.
Уэллс, миниатюры и панели заброшены, а карты используются вместо этого: карты - это совершенно новая концепция, но она очень похожа на колодцы, миниатюры и панели, и это удобнее.
Интегрируйте все таблицы стилей сброса HTML в перезагрузку: перезагрузка может использоваться везде, где нормализовать. CSS недоступен, он предоставляет больше вариантов. Например, размер коробки: пограничная коробка, маржинальные изменения и т. Д. Хранится в отдельном файле SASS.
Новые варианты настройки: больше не отдельные эффекты, такие как градиенты, затухание, тени и т. Д. В отдельном листе стиля, как в предыдущей версии. Вместо этого переместите все параметры в переменную SASS. Хотите определить эффект по умолчанию для глобальных или бесконечных углов? Это очень просто, просто обновите значение переменной и перекомпилируйте его.
IE8 больше не поддерживается, используя подразделения REM и EM: отказ от поддержки IE8 означает, что разработчики могут с уверенностью использовать преимущества CSS, и нет необходимости изучать навыки CSS Hack или запасные механизмы. REM и EM вместо единиц PX более подходят для отзывчивых макетов и управления размерами компонентов. Если вы хотите поддержать IE8, вы можете продолжать использовать Bootstrap 3.
Перепишите все плагины JavaScript: чтобы воспользоваться новыми функциями JavaScript, Bootstrap 4 переписывает все плагины с ES6. Теперь мы предоставляем поддержку UMD, общие методы разрыва, проверку типа опции и другие функции.
Улучшение всплесков инструментов и автоматического позиционирования Popovers: эта часть благодаря помощи инструмента Tether.
Улучшенная документация: все документы переписаны в формате разметки, и добавляются некоторые удобные примеры организации и фрагменты кода. Документация будет более удобной в использовании, и работа по оптимизации поиска также ведется.
Больше изменений : поддерживает пользовательские элементы управления формой, бланки и классы заполнения, и включает в себя новые утилиты и т. Д.
Приведенные выше обновления - это только верхушка айсберга. Версия V4 имеет более 1100 коммитов и 120 000 строк обновлений кода. Эти обновления можно просматривать в документе V4-альфа.
2. План развития
Весь исходный код для версии v4 является открытым исходным кодом в ветви v4-dev of github. Кроме того, существует PR V4 Development and Branging PR, публикующие список изменений и список, которые будут разработаны для Master. Вы можете внести свой собственный код, чтобы сделать этот проект лучше.
Общий план разработки и выпуска заключается в следующем:
Несколько альфа -версий также будут выпущены в постоянных улучшениях; Две бета -версии будут выпущены после того, как новые функции и новые функции заморожены для полного тестирования; 2 версии кандидатов будут выпущены, чтобы проверить, можно ли их использовать в производственной среде; И окончательная версия будет выпущена.
Существует также канал на Slack, в котором конкретно обсуждаются V4, и здесь можно добавить начальные загрузки.
3. Поддержка v3
Когда Bootstrap 3 был выпущен, Bootstrap отказался от поддержки версии 2.x, что вызвало проблемы для многих пользователей, и та же ошибка не будет сделана во второй раз. В ближайшем будущем команда разработчиков будет продолжать исправлять ошибки V3 и улучшать документацию. После того, как V4 выйдет, документация V3 не будет в автономном режиме.
4. Еще одна вещь ...
В дополнение к выпуску Bootstrap 4 Alpha, чиновник также выпустил тему Bootstrap.
Эти темы занимают много энергии, и у них сами много наборов инструментов, как и сама начальная загрузка.
Для начала опубликованные темы включают в себя: панель инструментов, приложение и маркетинг, использование протокола лицензии с множественным использованием.
Нажмите здесь, чтобы просмотреть дополнительную информацию темы.
5. обратная связь
1) Кто -то упомянул, что в v3.5.5 (последняя стабильная версия) Bootstrap.min.css составляет 123 КБ, а в новой 4.0.0.0Alpha bootstrap.min.css это стоит праздновать.
2) Кто-то сообщил, что тема приборной панели не является полностью отзывчивой, например, в истории таблиц-> заказа.
3) Bootstrap изменилась на использование SASS по умолчанию, что вызвало широкое обсуждение.
4) Некоторые люди также сказали, что организация готова отказаться от старых технологий (больше не поддерживает IE8) и переписать библиотеку с помощью новой технологии (ES6), что заслуживает уважения.
Если вы все еще хотите учиться глубже, вы можете нажать здесь, чтобы изучить и прикрепить к вам 3 захватывающих тем:
Начальная учебник по обучению
Bootstrap Practical Rutorial
Учебное пособие по использованию плагина Bootstrap
Выше всего содержание этой статьи. Я надеюсь, что это будет полезно для каждого обучения, и я надеюсь, что все будут поддерживать Wulin.com больше.