El año pasado, el 19 de agosto fue un día especial para Bootstrap, no solo el cuarto aniversario del proyecto, sino también el día en que se lanzó la versión beta interna de Bootstrap 4 después de un año de desarrollo intensivo. Bootstrap 4 es una actualización importante que involucra casi todas las líneas de código.
1. Nuevas características
Hay demasiadas actualizaciones importantes en Bootstrap 4, y este artículo no puede cubrir todo. Aquí hay algunos aspectos destacados que han atraído mucha atención:
Migrar de menos a Sass: Bootstrap ahora se une a la familia Sass. Gracias a Libsass, Bootstrap se compila más rápido que antes;
Mejore el sistema de cuadrícula: agregue una nueva capa de cuadrícula para adaptarse a los dispositivos móviles y reorganizar la mezcla semántica.
Admite la selección del modelo de caja elástica (FlexBox): esta es una función de fabricación de época: siempre que se modifique una variable booleana, puede diseñar rápidamente las ventajas de FlexBox.
Los pozos, las miniaturas y los paneles se abandonan y se usan tarjetas: las tarjetas son un concepto nuevo, pero es muy similar a los pozos, miniaturas y paneles, y es más conveniente.
Integre todas las hojas de estilo de reinicio HTML en REBOOT: REBOOT se puede usar donde sea normalize.css no está disponible, proporciona más opciones. Por ejemplo, el tamaño de la caja: la caja de borde, los ajustes de margen, etc. se almacenan en un archivo SASS separado.
Nuevas opciones de personalización: ya no hay efectos separados como gradientes, desvanecimientos, sombras, etc. en una hoja de estilo separada como en la versión anterior. En su lugar, mueva todas las opciones a una variable SASS. ¿Quiere definir un efecto predeterminado para las esquinas globales o no consideradas? Es muy simple, solo actualice el valor variable y vuelva a compilarlo.
IE8 ya no es compatible, utilizando unidades REM y EM: otorgar apoyo para IE8 significa que los desarrolladores pueden usar las ventajas de CSS con confianza, y no hay necesidad de estudiar habilidades de pirateo de CSS o mecanismos de retroalimentación. REM y EM en lugar de las unidades PX son más adecuadas para diseños receptivos y tamaños de componentes de control. Si desea admitir IE8, solo puede continuar usando Bootstrap 3.
Reescribir todos los complementos JavaScript: para aprovechar las nuevas características de JavaScript, Bootstrap 4 reescribe todos los complementos con ES6. Ahora proporcionamos soporte UMD, métodos de desmontaje genéricos, verificación de tipo de opción y otras características.
Mejore las información sobre herramientas y el posicionamiento automático de Popovers: esta parte es gracias a la ayuda de la herramienta Tether.
Documentación mejorada: todos los documentos se reescriben en formato de Markdown, y se agregan algunos ejemplos convenientes de organización de complementos y fragmentos de código. La documentación será más conveniente de usar, y el trabajo de optimización de búsqueda también está en progreso.
Más cambios : admite controles de formularios personalizados, espacios en blanco y clases de relleno, e incluye nuevas clases de utilidad, etc.
Las actualizaciones anteriores son solo la punta del iceberg. La versión V4 tiene más de 1,100 confirmaciones y 120,000 líneas de actualizaciones de código. Estas actualizaciones se pueden ver en el documento V4-Alpha.
2. Plan de desarrollo
Todo el código fuente para la versión V4 es de código abierto en la rama V4-DEV de GitHub. Además, hay un V4 Desarrollo y seguimiento de PR, publicando la lista de cambios y la lista que se desarrollará para el maestro. Puede contribuir con su propio código para mejorar este proyecto.
El plan de desarrollo y lanzamiento general es el siguiente:
Varias versiones alfa también se lanzarán en mejoras continuas; Se lanzarán dos versiones beta después de que las nuevas características y las nuevas funciones se congelen para pruebas completas; Se publicarán 2 versiones candidatas para probar si pueden usarse en el entorno de producción; y se lanzará la versión final.
También hay un canal en Slack que discute específicamente V4, y los bootstrapers se pueden agregar aquí.
3. Apoyo V3
Cuando se lanzó Bootstrap 3, Bootstrap dio su soporte para la versión 2.x, causando problemas para muchos usuarios, y el mismo error no se realizará por segunda vez. En el futuro cercano, el equipo de desarrollo continuará arreglando errores V3 y mejorará la documentación. Después de que V4 finalmente se lance, la documentación de V3 no estará fuera de línea.
4. Una cosa más ...
Además de lanzar Bootstrap 4 Alpha, el funcionario también lanzó el tema Bootstrap.
Estos temas toman mucha energía y tienen muchos conjuntos de herramientas, al igual que Bootstrap.
Para comenzar, los temas publicados incluyen: tablero, aplicación y marketing, utilizando el protocolo de licencia de uso múltiple.
Haga clic aquí para ver más información sobre temas.
5. Comentarios
1) Alguien mencionó que en v3.5.5 (la última versión estable), bootstrap.min.css es de 123 kb, mientras que en el nuevo 4.0.0alpha bootstrap.min.css, vale la pena celebrar.
2) Alguien informó que el tema del tablero no es completamente receptivo, como en las tablas-> Historial de pedidos.
3) Bootstrap ha cambiado a usar SASS por defecto, lo que ha causado una discusión generalizada.
4) Algunas personas también dijeron que una organización está dispuesta a renunciar a la tecnología antigua (ya no es compatible con IE8) y reescribir la biblioteca con nueva tecnología (ES6), lo cual es digno de respeto.
Si aún desea estudiar en profundidad, puede hacer clic aquí para estudiar y adjuntar 3 temas emocionantes a usted:
Tutorial de aprendizaje de bootstrap
Tutorial práctico de bootstrap
Tutorial de uso de complemento de bootstrap
Lo anterior es todo el contenido de este artículo. Espero que sea útil para el aprendizaje de todos y espero que todos apoyen más a Wulin.com.