CSS框架的利与弊

2016-02-19 21:32 4 1 收藏

生活已是百般艰难,为何不努力一点。下面图老师就给大家分享CSS框架的利与弊,希望可以让热爱学习的朋友们体会到设计的小小的乐趣。

【 tulaoshi.com - Web开发 】

  前端时间写了一篇《利用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、你会延续一些框架中的错误bug
  没人可以保证自己制定的框架是完美而没有bug的。你可能会需要时间去清理框架中的bug;

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

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

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

来源:https://www.tulaoshi.com/n/20160219/1626438.html

延伸阅读
所有的开发人员都应该注意了,你们绝对应该看看这篇文章,帮助你快速创建HTML5/CSS3的开发框架。可能你也看到过其它的框架,但是你应该看看这些框架,因为你以前可能没用过他们中的大部分。看看最新的实用HTML5和CSS3框架吧!希望你们喜欢! 1.HTML5boilerplate H5BP带给你非常漂亮的文档,一个网站优化的编译脚本,还有一个自定义的boilerpla...
标签: Web开发
对于大型门户,海量信息平台及多模块,多区域化网站,更需要对CSS,XHTML,的标准化,符合语意的HTML框架,复用性强的CSS代码,这些才能保障你的网站,具有很好的地基。 第一部:关于构建CSS框架我们要实现的目的: 1.实现标准化,具备主流平台适应性的前端实现; 2.快速开发,在站点风格确定后,前端不应该成为整个项目里瓶颈; 3.重...
标签: Web开发
我们在工作当中肯定总结了一些儿有价值的东西,而真正将这些有价值的东西收集整理在一起并发表出来的就比较少了。下面的3个人确做到了,他们将自己工作当中经常使用的页面框架布局分类整理出来和大家分享。在其中选择你需要的布局,然后把css考过来就可以使用了。 1、 优秀并免费的css模版: 这个网站提供了免费的css模版供你使用,仅仅是...
互联网发展到今天。网页是设计风格渐渐走向几个特点。一种是创意类而另一种就是框架类。创意类的网页是让网页更趋向于艺术风格,而框架类的网页则是为了加快网页设计的开发速度以及各种标准化的统一管理。好的团队都会用一种高效的框架来进行快速开发。这样的工作效率会非常的高。更牛的团队会相应的开发自己的框架,或者对一些开源框架进行二...
标签: Web开发
有时我们需要令一个宽度固定的容器里的子框架居中(例如一个 Div ,或者其他 block 级元素),如果子框架只有一个的话,我们只需要为子框架加上 CSS 属性 margin: auto 就可以了。 但如果我们要让多个子框架居中,并且等分父框架剩余的空间的话,我们对所有子框架使用 CSS box-align: center 来实现这种效果。 可是目前还有相当一部分主流...

经验教程

819

收藏

92
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部