I wrote an article "Using CSS Framework for Efficient Site Development" during my front-end time, and many friends asked me related questions. 5key has been working on the CSS framework architecture in the company very early on, and has also made suggestions on CSS frameworks to many friends. The effect is very obvious. Of course, CSS frameworks have advantages and disadvantages, and I have read some related articles recently. Some thoughts to share with you.
Advantages of CSS framework:
1. Improvement of development efficiency.
If you are a front-end developer building a corporate website, I believe you will be working on the code for similar sites most of the time. A well-defined framework can greatly improve your work efficiency and avoid some common mistakes. If your work is billed by the piece, you will definitely get paid more than others.
2. Standardize code naming.
You may use some of the same CLASS or IDs in multiple sites. If you have a complete CSS framework, you will soon be able to read through the code of each of your sites. No need to waste time reading code.
3. Better teamwork
Some companies will divide the front-end code of some larger sites into several sub-projects. Friends who have had this kind of experience should be deeply frustrated by this development method. They should pay attention to the common css and the code coordination between them. Over time, more and more obsolete codes become more and more difficult to read between each other. If you establish a suitable CSS framework, you can reduce many unnecessary errors and improve product quality and work efficiency.
4. Solve browser compatibility issues
Most projects now require compatibility with IE6, 7 and FF. Each site may spend some time dealing with compatibility issues. This issue should be dealt with at the framework level. This can save a lot of time for later compatibility issues.
5. A complete set of structural codes with clear structure.
The CSS framework provides a clean, rigorous infrastructure for your projects. Through it, you can quickly build a basic HTML code framework for your site. Everything is difficult at the beginning, but the basic work ahead has been done. The subsequent development speed will be greatly improved.
The CSS framework provides a clean, rigorous infrastructure for your projects. Through it, you can quickly build a basic HTML code framework for your site. Everything is difficult at the beginning, but the basic work ahead has been done. The subsequent development speed will be greatly improved.
Disadvantages of CSS frameworks:
1. You need to fully understand the entire framework
Everyone who joins the project needs to spend a certain amount of time to fully understand the entire framework and coding standards;
2. You will perpetuate bugs in some frameworks
No one can guarantee that the framework they develop is perfect and bug-free. You may need time to clean up bugs in the framework;
3. Limit development ideas
The framework gives you the basic architecture and development ideas, which may limit your new ideas for product development;
4. Bloated source code
There may be a large part of the code in the framework that is not used frequently and will also reduce execution efficiency;
5. Semanticization of the framework
We have already noticed the semantics of HTML code. However, each site based on the framework is independent and unique, and it is difficult for us to ensure the semantics of the CSS framework.