如何使用CSS框架这把双刃剑?

开发 前端
CSS网页布局有很多值得学习的地方,那么你对CSS框架的使用了解多少呢,这里和大家分享一下CSS框架使用的利和弊,相信你一定会感兴趣。

本文和大家重点讨论一下CSS框架的利和弊,CSS框架为你的项目提供一个干净、严谨的基础架构,通过它你可以快速的为你的站点搭建基础的html代码框架。

CSS框架的利和弊
 
  很早就在公司进行CSS框架的架构,也对不少朋友提出CSS框架的建议。效果是很明显的。当然,CSS框架有利也有弊,最近也看了一些相关的文章。一些感想,与大家分享。

CSS框架之利:

1、开发效率的提高。

  如果你是一个企业建站的前端开发,相信在大部分时间里进行着同类站点的代码工作。定义好的框架可以大大提高你的工作效率,避免一些常见的错误。如果你的工作是按件计费的,你的报酬一定会比别人多。

2、规范代码命名。

  在多个站点中你可能会用到一些同样的CLASS或ID。如果你有一套完善的css框架,很快你就能对你的每一个站点的代码进行通读。不用浪费时间在代码的阅读上。

3、更好的团队合作

  有些公司会将一些稍大的站点的前端代码分成若干子项目。有过此类经验的朋友应该对这种开发方式深感郁闷,要注意公用css,还有注意相互之间的代码配合。久而久之,废弃代码越来越多,互相之间也难以阅读。如果建立好合适的CSS框架,大家可以减少很多不必要的错误,提升产品质量和工作效率。

4、CSS框架可以解决浏览器的兼容性问题

  现在大部分项目都要求兼容IE6,7和FF。每个站点可能都会花上一部分时间去处理兼容问题。在框架层面上就将这个问题处理好。就可以为后面的兼容问题节省下大部分时间。

5、一套完整的、结构清晰的结构代码。
  CSS框架为你的项目提供一个干净、严谨的基础架构。通过它你可以快速的为你的站点搭建基础的html代码框架。万事开头难,前面的基础工作做好了。后面的开发速度会提高很多。

CSS框架之弊:

1、你需要完全的理解整套框架

  每一个加入项目的人,都需要花一定的时间去完全的理解整套框架及编码规范;

2、你会延续一些框架中的错误bug

  没人可以保证自己制定的框架是***而没有bug的。你可能会需要时间去清理框架中的bug;

3、CSS框架限制开发思路

  框架给出大家基本的架构及开发的思路,这可能会限制你对产品开发的新思路;

4、臃肿的源代码

  框架中可能有很大一部分代码不会经常用到,而且还会降低执行效率;

5、框架的语义化

  我们已经注意到了HTML代码的语义化。但基于框架的每个站点都是独立唯一的,我们很难去保证CSS框架的语义化。

【编辑推荐】

  1. 专家推荐 10款优秀CSS框架
  2. 探究采用DIV+CSS框架的利与弊
  3. 四种方法轻松实现CSS隔行换色
  4. CSS Sprites对CSS布局的意义及优缺点
  5. CSS布局中display:inline-block属性用法详解
责任编辑:佚名 来源: 52css.com
相关推荐

2022-03-18 13:50:06

区块链加密货币去中心化

2019-12-18 15:30:57

漏洞安全Linux

2017-08-14 14:51:15

2014-02-11 08:57:50

云计算IT架构IT运营

2021-02-06 12:28:53

低代码开发者数字化

2012-12-25 12:42:46

应用审查App Store

2023-01-30 17:26:27

Kubernetes成本双刃剑

2009-03-05 10:50:00

空中上网

2021-04-29 07:43:51

JavaUnsafe 基础native方法

2012-06-14 10:37:33

2012-03-05 16:37:55

2015-05-27 16:35:59

2011-11-08 08:14:40

WLANWi-Fi

2014-05-06 09:17:59

云服务云欺诈云犯罪

2019-03-21 14:12:27

数据管理物联网物联网安全

2017-06-14 17:39:40

微服务架构服务器

2020-12-10 09:23:39

人脸识别AI人工智能

2011-04-28 13:39:05

RapierPocket PC 2Windows Mob

2013-08-13 09:07:20

大数据

2009-06-05 09:45:44

Struts优缺点开源
点赞
收藏

51CTO技术栈公众号