No ano passado, 19 de agosto foi um dia especial para o Bootstrap - não apenas o quarto aniversário do projeto, mas também o dia em que a versão beta interna do Bootstrap 4 foi lançada após um ano de desenvolvimento intensivo. O Bootstrap 4 é uma grande atualização que envolve quase todas as linhas de código.
1. Novos recursos
Existem muitas atualizações importantes no Bootstrap 4, e este artigo não pode cobrir tudo. Aqui estão alguns destaques que atraíram muita atenção:
Migrando de Less para Sass: O Bootstrap está agora se juntando à família Sass. Graças ao Libsass, o Bootstrap compila mais rapidamente do que antes;
Melhore o sistema de grade: adicione uma nova camada de grade para se adaptar aos dispositivos móveis e reorganizar a mistura semântica.
Suporta a seleção do modelo de caixa elástica (FLEXBox): esta é uma função de fabricação de época - desde que uma variável booleana seja modificada, você pode rapidamente layout as vantagens do FlexBox.
Wells, miniaturas e painéis são abandonados e os cartões são usados: Cards é um conceito novo, mas é muito semelhante a poços, miniaturas e painéis e é mais conveniente.
Integrar todas as folhas de estilo HTML Redefinir na reinicialização: a reinicialização pode ser usada onde quer que normalize.css não esteja disponível, ele fornece mais opções. Por exemplo, tamanho de caixa: caixa de fronteira, ajustes de margem, etc. são armazenados em um arquivo SASS separado.
Novas opções de personalização: efeitos não mais separados, como gradientes, desbotamentos, sombras, etc. em uma folha de estilo separada, como na versão anterior. Em vez disso, mova todas as opções para uma variável SASS. Deseja definir um efeito padrão para cantos globais ou não considerados? É muito simples, basta atualizar o valor variável e recompilar.
O IE8 não é mais suportado, usando unidades REM e EM: desistir de suporte para IE8 significa que os desenvolvedores podem usar as vantagens do CSS com confiança, e não há necessidade de estudar habilidades de hacker CSS ou mecanismos de fallback. REM e EM em vez de unidades PX são mais adequados para layouts responsivos e tamanhos de componentes de controle. Se você deseja apoiar o IE8, só pode continuar usando o Bootstrap 3.
Reescreva todos os plug -ins JavaScript: para aproveitar os novos recursos do JavaScript, o Bootstrap 4 reescreve todos os plugins com ES6. Agora, fornecemos suporte a UMD, métodos genéricos de desmontagem, verificação de tipo de opção e outros recursos.
Melhore as dicas de ferramentas e o posicionamento automático de popovers: esta parte é graças à ajuda da ferramenta Tether.
Documentação aprimorada: Todos os documentos são reescritos no formato de marcação, e alguns exemplos convenientes de organização de plug-in e trechos de código são adicionados. A documentação será mais conveniente de usar e o trabalho de otimização de pesquisa também está em andamento.
Mais mudanças : suporta controles de formulário personalizado, espaços em branco e aulas de preenchimento, e inclui novas aulas de utilitário, etc.
As atualizações acima são apenas a ponta do iceberg. A versão V4 possui mais de 1.100 compromissos e 120.000 linhas de atualizações de código. Essas atualizações podem ser visualizadas no documento V4-Alpha.
2. Plano de desenvolvimento
Todo o código-fonte da versão V4 é de código aberto na filial V4-DEV do GitHub. Além disso, existe um desenvolvimento de V4 e rastreamento de RP, publicando a lista e a lista de alterações a serem desenvolvidas para o Master. Você pode contribuir com seu próprio código para melhorar este projeto.
O plano geral de desenvolvimento e lançamento é o seguinte:
Várias versões alfa também serão lançadas em melhorias contínuas; Duas versões beta serão lançadas depois que os novos recursos e novas funções estiverem congeladas para testes completos; 2 versões candidatas serão lançadas para testar se podem ser usadas no ambiente de produção; e a versão final será lançada.
Há também um canal no Slack que discute especificamente V4, e os bootstrapers podem ser adicionados aqui.
3. Suporte v3
Quando o Bootstrap 3 foi lançado, a Bootstrap desistiu de seu suporte à versão 2.x, causando problemas para muitos usuários, e o mesmo erro não será cometido pela segunda vez. Em um futuro próximo, a equipe de desenvolvimento continuará a corrigir bugs v3 e melhorar a documentação. Depois que o V4 é finalmente lançado, a documentação do V3 não ficará offline.
4. Mais uma coisa ...
Além de liberar o Bootstrap 4 Alpha, o funcionário também lançou o tema do bootstrap.
Esses temas exigem muita energia e têm muitos conjuntos de ferramentas, assim como o próprio bootstrap.
Para começar, os tópicos publicados incluem: painel, aplicativo e marketing, usando o protocolo de licença de uso múltiplo.
Clique aqui para ver mais informações sobre tópicos.
5. Feedback
1) Alguém mencionou que em v3.5.5 (a última versão estável), o bootstrap.min.css é de 123kb, enquanto no novo 4.0.0alpha bootstrap.min.css, vale a pena comemorar.
2) Alguém relatou que o tema do painel não é completamente responsivo, como nas tabelas-> histórico de pedidos.
3) O Bootstrap mudou para usar o SASS por padrão, o que causou uma discussão generalizada.
4) Algumas pessoas também disseram que uma organização está disposta a desistir da tecnologia antiga (não mais suportar o IE8) e reescrever a biblioteca com novas tecnologias (ES6), que é digno de respeito.
Se você ainda deseja estudar em profundidade, pode clicar aqui para estudar e anexar 3 tópicos interessantes a você:
Tutorial de aprendizado de bootstrap
Tutorial prático de bootstrap
Tutorial de uso de plug-in bootstrap
O exposto acima é todo o conteúdo deste artigo. Espero que seja útil para o aprendizado de todos e espero que todos apoiem mais o wulin.com.