当前位置:  编程技术>WEB前端

使用CSS框架布局的缺点和优点小结

    来源: 互联网  发布时间:2014-10-04

    本文导语:  现在好多网站都用了div+css来布局网页结构,优点是速度快了,可负面影响呢,来看下面的分析前端时间写了一篇《利用CSS框架进行高效率的站点开发》,有不少朋友问我相关的问题。很早5key就在公司进行CSS框架的架构,也对...

现在好多网站都用了div+css来布局网页结构,优点是速度快了,可负面影响呢,来看下面的分析
前端时间写了一篇《利用CSS框架进行高效率的站点开发》,有不少朋友问我相关的问题。很早5key就在公司进行CSS框架的架构,也对不少朋友提出CSS框架的建议。效果是很明显的。当然,CSS框架有利也有弊,最近也看了一些相关的文章。一些感想,与大家分享。 

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框架的语义化。

    
 
 

您可能感兴趣的文章:

  • Oracle 触发器的使用小结
  • JQuery each()嵌套使用小结
  • j2ee的问题(很菜):j2ee用在什么地方或者说该如何应用?我老听说使用j2ee的体系框架,怎么样才算用到了j2ee的优势?谁能给我解释一下? iis7站长之家
  • C#类中属性与成员变量的使用小结
  • SQL Server SQL Agent服务使用教程小结
  • sqlserver substring函数使用方法小结
  • mantis安装、配置和使用中的问题小结
  • C#标识符的使用小结
  • Linux下使用Shell脚本实现ftp的自动上传下载的代码小结
  • jquery中的$(document).ready()使用小结
  • C++ 中dynamic_cast<>的使用方法小结
  • 防止jQuery ajax Load使用缓存的方法小结
  • C#中使用split分割字符串的几种方法小结
  • Eclipse快捷键使用小结
  • 关于JAVA中this的使用方法小结
  • WinForm ToolTip使用方法小结
  • jquery中get,post和ajax方法的使用小结
  • ashx文件的使用小结
  • RMI使用学习 小结
  • C#中TransactionScope的使用小结
  • 新手问题之一:是不是所有的SWING容器都要使用布局管理器啊?
  • WEB标准网页布局中尽量不要使用的HTML标签
  • 使用JQUERY进行后台页面布局控制DIV实现左右式
  • CSS整体布局声明的一些使用技巧
  • Android中使用include标签和merge标签重复使用布局
  • DIV+CSS布局中不推荐使用的标签集合Dont Use These Tags
  • winform 使用Anchor属性进行界面布局的方法详解
  • android Activity相对布局的使用方法
  • 使用有趣的自定义标记布局页面
  • Java 最重要布局管理器GridBagLayout的使用方法
  • 如何在android中使用html作布局文件
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • 框架网页中如何使用sendredirect(a.html),使得a.html不显示在框架中,是整页显示!
  • zf框架的zend_cache缓存使用方法(zend框架)
  • zf框架的db类select查询器join链表使用示例(zend框架)
  • 网站使用教程框架 Intro.js
  • zf框架的校验器InArray使用示例
  • zf框架的session会话周期及次数限制使用示例
  • 浏览器窗口大小变化时使用resize事件对框架不起作用的解决方法
  • jsp中使用frameset框架 边框固定不让更改边框的大小
  • zf框架的校验器使用使用示例(自定义校验器和校验器链)
  • 在python的WEB框架Flask中使用多个配置文件的解决方法
  • yii框架builder、update、delete使用方法
  • zf框架的数据库追踪器使用示例
  • CodeIgniter框架中_remap()使用方法2例
  • j2ee的问题(很菜):j2ee用在什么地方或者说该如何应用?我老听说使用j2ee的体系框架,怎么样才算用到了j2ee的优势?谁能给我解释一下?
  • zf框架的registry(注册表)使用示例
  • zf框架的Filter过滤器使用示例
  • 从零开始学YII2框架(五)快速生成代码工具 Gii 的使用
  • python网络编程之TCP通信实例和socketserver框架使用例子
  • CORBA in JDK 1.4 idlj -fall 后没有服务器框架,倒有一个POA类,好像就是服务器框架,不知如何使用。请看!!
  • Python Web框架Pylons中使用MongoDB的例子
  • C++ I/O 成员 tellg():使用输入流读取流指针
  • 在测试memset函数的执行效率时,分为使用Cash和不使用Cash辆种方式,该如何控制是否使用缓存?
  • C++ I/O 成员 tellp():使用输出流读取流指针
  • 求ibm6000的中文使用手册 !从来没用过服务器,现在急需使用它,不知如何使用! 急!!!!!
  • Python不使用print而直接输出二进制字符串
  • 请问:在使用oracle数据库作开发时,是使用pro*c作开发好些,还是使用库函数如oci等好一些啊?或者它们有什么区别或者优缺点啊?
  • Office 2010 Module模式下使用VBA Addressof
  • 急求结果!!假设一个有两个元素的信号量集S,表示了一个磁带驱动器系统,其中进程1使用磁带机A,进程2同时使用磁带机A和B,进程3使用磁带机B。
  • windows下tinyxml.dll下载安装使用(c++解析XML库)
  • c#中SAPI使用总结——SpVoice的使用方法
  • tcmalloc内存泄露优化c++开源库下载,安装及使用介绍


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3