Escrevi um artigo "Usando estrutura CSS para desenvolvimento eficiente de sites" durante meu tempo de front-end e muitos amigos me fizeram perguntas relacionadas. 5key tem trabalhado na arquitetura de frameworks CSS na empresa desde muito cedo e também fez sugestões sobre frameworks CSS para muitos amigos. O efeito é muito óbvio. É claro que os frameworks CSS têm vantagens e desvantagens, e li recentemente alguns artigos relacionados. Algumas reflexões para compartilhar com você.
Vantagens da estrutura CSS:
1. Melhoria da eficiência do desenvolvimento.
Se você é um desenvolvedor front-end que está construindo um site corporativo, acredito que trabalhará no código de sites semelhantes na maior parte do tempo. Uma estrutura bem definida pode melhorar muito a eficiência do seu trabalho e evitar alguns erros comuns. Se o seu trabalho for cobrado por peça, você certamente receberá mais do que outros.
2. Padronize a nomenclatura do código.
Você pode usar algumas das mesmas CLASSES ou IDs em vários sites. Se você tiver um framework CSS completo, em breve poderá ler o código de cada um dos seus sites. Não há necessidade de perder tempo lendo código.
3. Melhor trabalho em equipe
Algumas empresas dividirão o código front-end de alguns sites maiores em vários subprojetos. Amigos que tiveram esse tipo de experiência deveriam ficar profundamente frustrados com esse método de desenvolvimento. Eles deveriam prestar atenção ao CSS comum e à coordenação de código entre eles. Com o tempo, códigos cada vez mais obsoletos tornam-se cada vez mais difíceis de ler entre si. Se você estabelecer uma estrutura CSS adequada, poderá reduzir muitos erros desnecessários e melhorar a qualidade do produto e a eficiência do trabalho.
4. Resolva problemas de compatibilidade do navegador
A maioria dos projetos agora exige compatibilidade com IE6, 7 e FF. Cada site pode gastar algum tempo lidando com problemas de compatibilidade. Esta questão deve ser tratada ao nível do enquadramento. Isso pode economizar muito tempo para problemas de compatibilidade posteriores.
5. Um conjunto completo de códigos estruturais com estrutura clara.
A estrutura CSS fornece uma infraestrutura limpa e rigorosa para seus projetos. Através dele, você pode construir rapidamente uma estrutura básica de código HTML para o seu site. Tudo é difícil no início, mas o trabalho básico que temos pela frente já foi feito. A velocidade de desenvolvimento subsequente será bastante melhorada.
A estrutura CSS fornece uma infraestrutura limpa e rigorosa para seus projetos. Através dele, você pode construir rapidamente uma estrutura básica de código HTML para o seu site. Tudo é difícil no início, mas o trabalho básico que temos pela frente já foi feito. A velocidade de desenvolvimento subsequente será bastante melhorada.
Desvantagens das estruturas CSS:
1. Você precisa compreender totalmente toda a estrutura
Todos que ingressam no projeto precisam gastar um certo tempo para compreender completamente toda a estrutura e os padrões de codificação;
2. Você perpetuará bugs em alguns frameworks
Ninguém pode garantir que a estrutura que desenvolvem seja perfeita e livre de erros. Você pode precisar de tempo para limpar bugs na estrutura;
3. Limite as ideias de desenvolvimento
A estrutura fornece a arquitetura básica e as ideias de desenvolvimento, o que pode limitar suas novas ideias para o desenvolvimento de produtos;
4. Código-fonte inchado
Pode haver uma grande parte do código na estrutura que não é usada com frequência e também reduzirá a eficiência de execução;
5. Semantização do framework
Já notamos a semântica do código HTML. Porém, cada site baseado no framework é independente e único, e é difícil para nós garantir a semântica do framework CSS.