프론트엔드 시간에 "효율적인 사이트 개발을 위한 CSS 프레임워크 사용"이라는 글을 썼는데, 많은 친구들이 저에게 관련 질문을 해왔습니다. 5key는 회사에서 아주 일찍부터 CSS 프레임워크 아키텍처를 연구해 왔으며, 많은 친구들에게 CSS 프레임워크에 대한 제안도 했습니다. 효과는 매우 분명합니다. 물론 CSS 프레임워크에는 장점과 단점이 있는데, 최근에 관련 기사를 읽은 적이 있습니다. 당신과 공유할 몇 가지 생각.
CSS 프레임워크의 장점:
1. 개발 효율성 향상.
기업 웹사이트를 구축하는 프런트엔드 개발자라면 대부분의 시간 동안 유사한 사이트의 코드 작업을 하게 될 것입니다. 잘 정의된 프레임워크는 작업 효율성을 크게 향상시키고 일반적인 실수를 방지할 수 있습니다. 당신의 작품이 작품 단위로 청구된다면 당신은 확실히 다른 사람들보다 더 많은 급여를 받게 될 것입니다.
2. 코드명을 표준화하세요.
여러 사이트에서 동일한 CLASS 또는 ID 중 일부를 사용할 수 있습니다. 완전한 CSS 프레임워크가 있다면 곧 각 사이트의 코드를 읽을 수 있을 것입니다. 코드를 읽는 데 시간을 낭비할 필요가 없습니다.
3. 더 나은 팀워크
일부 회사에서는 대규모 사이트의 프런트 엔드 코드를 여러 하위 프로젝트로 나눕니다. 이런 경험을 해본 친구들은 이런 개발 방식에 깊은 좌절감을 느꼈을 것입니다. 공통 CSS와 그들 사이의 코드 조정에 주의를 기울여야 합니다. 시간이 지남에 따라 더 이상 사용되지 않는 코드는 서로 간에 읽기가 점점 더 어려워집니다. 적합한 CSS 프레임워크를 구축하면 불필요한 오류를 많이 줄이고 제품 품질과 작업 효율성을 향상시킬 수 있습니다.
4. 브라우저 호환성 문제 해결
이제 대부분의 프로젝트에는 IE6, 7 및 FF와의 호환성이 필요합니다. 각 사이트는 호환성 문제를 처리하는 데 시간이 걸릴 수 있습니다. 이 문제는 프레임워크 수준에서 처리되어야 합니다. 이렇게 하면 나중에 호환성 문제를 해결하는 데 많은 시간을 절약할 수 있습니다.
5. 명확한 구조를 갖춘 완전한 구조 코드 세트.
CSS 프레임워크는 프로젝트에 깨끗하고 엄격한 인프라를 제공합니다. 이를 통해 사이트에 대한 기본 HTML 코드 프레임워크를 빠르게 구축할 수 있습니다. 처음에는 모든 것이 어렵지만 앞으로의 기본 작업은 완료되었습니다. 이후의 개발 속도는 크게 향상될 것입니다.
CSS 프레임워크는 프로젝트에 깨끗하고 엄격한 인프라를 제공합니다. 이를 통해 사이트에 대한 기본 HTML 코드 프레임워크를 빠르게 구축할 수 있습니다. 처음에는 모든 것이 어렵지만 앞으로의 기본 작업은 완료되었습니다. 이후의 개발 속도는 크게 향상될 것입니다.
CSS 프레임워크의 단점:
1. 전체 프레임워크를 완전히 이해해야 합니다.
프로젝트에 참여하는 모든 사람은 전체 프레임워크와 코딩 표준을 완전히 이해하기 위해 일정 시간을 투자해야 합니다.
2. 일부 프레임워크에서는 버그가 지속됩니다.
누구도 자신이 개발한 프레임워크가 완벽하고 버그가 없다고 보장할 수 없습니다. 프레임워크의 버그를 정리하는 데 시간이 필요할 수 있습니다.
3. 개발 아이디어 제한
프레임워크는 제품 개발에 대한 새로운 아이디어를 제한할 수 있는 기본 아키텍처 및 개발 아이디어를 제공합니다.
4. 부풀려진 소스코드
프레임워크에는 자주 사용되지 않는 코드의 상당 부분이 있을 수 있으며 실행 효율성도 떨어집니다.
5. 프레임워크의 의미화
우리는 이미 HTML 코드의 의미를 살펴보았습니다. 그러나 프레임워크를 기반으로 하는 각 사이트는 독립적이고 고유하며 CSS 프레임워크의 의미를 보장하기 어렵습니다.