`
wsql
  • 浏览: 11812205 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
文章分类
社区版块
存档分类
最新评论

CSS框架的利与弊

 
阅读更多
来源:懒人图库 作者:dowhatyouwant 
<!--Content Start-->

CSS框架之利

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

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

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

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

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

CSS框架之弊

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

2、你会延续一些框架中的错误bug
没人可以保证自己制定的框架是完美而没有bug的。你可能会需要时间去清理框架中的bug;

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

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

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

<!--Content End-->
分享到:
评论

相关推荐

    CSS框架的利与弊(下)

    相关文章:CSS框架的利与弊(上)https://www.jb51.net/CSS/20071207/css_1785.html CSS框架为你的项目提供一个干净、严谨的基础架构。通过它你可以快速的为你的站点搭建基础的html代码框架。万事开头难,前面的基础...

    CSS框架的利与弊(上)

    当然,CSS框架有利也有弊,最近也看了一些相关的文章。一些感想,与大家分享。CSS框架之利:1、开发效率的提高。如果你是一个企业建站的前端开发,相信在大部分时间里进行着同类站点的代码工作。定义好的框架可以...

    模块化的 CSS 框架

    Yaml 是一个模块化的 CSS 框架,可以用来构造灵活,可访问和响应式的页面。YAML 提供一系列完整的...命名空间避免与第三方 CSS 冲突 为 HTML5 和 CSS3 做好了充分的准备 非常小的框架核心 (5.9 kB) 建立在 Sass 基础上

    nec规范之css框架文件

    nec规范之css框架文件,详见博文:http://blog.csdn.net/chen_zw/article/details/47908475

    thinkcss 经典的国内css框架

    TC (”ThinkCSS”) 是一个 (X)HTML/CSS 框架 ,它的目的是减少你的css开发时间。它提供一个可靠的css基础去创建你的项目,能够用于网站的快速设计,通过重设和重建浏览器标准,可以让每个网站防止枯燥的跨浏览器兼容性...

    最新鲜的CSS框架

    最新鲜的CSS框架

    css框架(CSS Frameworks):CSS框架应用

    利用CSS框架进行高效率的站点开发 CSS框架的利与弊(上) CSS框架的利与弊(下) 利用CSS框架进行高效率的站点开发 Elements css框架通常只是一些css文件的集合,这些文件包括基本布局、表单样式、网格或简单结构...

    基于Flexbox的现代CSS框架

    基于Flexbox的现代CSS框架

    一些非常棒的CSS框架集合

    一些非常棒的CSS框架集合

    css框架

    css 框架 xhtml div

    usefully是一个基于Flexbox的CSS框架

    useful.ly是一个基于Flexbox的CSS框架

    15个国外最流行的CSS框架

    15个国外最流行的CSS框架

    Css框架 网上找的连个css框架

    Css框架 网上找的连个css框架, 简单好用

    EZ-CSS框架网页布局

    ez-css初次体验,请不要和bootstrap等CSS框架进行比较,满足需求就好; EZ-CSS是一款轻量级的CSS布局排版框架,EZ-CSS和其他的CSS框架有很大的不同,因为它很小,才1kb。而且EZ-CSS的扩展性很强,对浏览器兼容性较为...

    渴切-基于响应式布局的国产css框架.zip

    渴切是一个开源中文 (X)HTML/CSS 框架 ,它的目的是减少你的css开发时间。它融入了css3技术,以及响应式布局,12列栅格系统,视差滚动等效果。它提供一个可靠的css基础去创建你的项 目,能够用于网站的快速设计,通过重...

    最好的 css jquery 桌面 框架

    用到 jquery 框架 css 框架, 里面css写的真好,推荐

    响应式CSS框架TukTuk.zip

    TukTuk 是一个高效快速的响应式 CSS3 框架。轻量级的设计和面向对象的 CSS。 标签:TukTuk CSS框架

    css框架Blueprint CSS

    Blueprint是一个CSS框架,它的目的是减少你的css开发时间。它提供一个可靠的css基础去创建你的项目,BP由一个易用的网格、合理的布局和一个打印样式。

Global site tag (gtag.js) - Google Analytics