Summary of the disadvantages and advantages of using CSS framework layout_Experience exchange

PHP中文网
Release: 2016-05-16 12:06:48
Original
2158 people have browsed it

Nowadays, many websites use p css to lay out the web page structure. The advantage is that it is faster, but the negative impact is as follows. Let’s look at the analysis below
During the front-end time, I wrote an article "Using CSS Framework for Efficient Design" Website Development", 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.

Benefits 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 such 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 and rigorous infrastructure for your project. 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 the CSS framework:
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 continue the 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 us 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 It will not be used frequently, and it will also reduce execution efficiency;

5. Semanticization of the framework
We have 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.

The above is a summary of the disadvantages and advantages of using CSS framework layout_the content of experience exchange. For more related content, please pay attention to the PHP Chinese website (www.php.cn)!


source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template