没有合适的资源?快使用搜索试试~ 我知道了~
首页CSS合并与模块化:权衡的艺术
CSS合并与模块化:权衡的艺术
0 下载量 144 浏览量
更新于2024-08-04
收藏 465KB DOCX 举报
本文主要探讨了CSS的样式合并与模块化这一主题,由张鑫旭撰写并发布在他的个人博客上,链接为<http://www.zhangxinxu.com/wordpress/?p=931>。作者指出,虽然CSS样式的分离在一定程度上可以精简代码,提高代码的组织性和可维护性,但它可能导致HTML代码的冗余,特别是当过度分离时。"通用库"作为一种分离策略,由于其独立于具体项目,可以作为一个公共资源广泛使用,而不会对项目的整体结构造成影响。 然而,"实际项目库"(即针对具体项目的样式集合)可能会引入问题。例如,将特定的模块样式(如按钮)进行分离后,若需要调整这些模块的全局样式,会变得复杂和困难。因此,盲目的样式分离并不总是最佳实践。 作者强调了合并与分离之间的平衡,认为真正的理解和运用这两者的关键在于找到适合项目的优化策略。合并并不是简单的堆砌,而是要确保代码的高效和灵活,避免后期维护的复杂性。通过明确“模块化”在页面元素层面上的应用,而不是整个页面,可以更好地避免维护难题。 本文的目的不仅在于介绍合并和分离的具体操作,更是为了构建一个高效、可扩展的CSS架构,以实现代码的精简和高效。作者张鑫旭通过这篇文章,为后续深入讨论自己的CSS设计原则和方法奠定了基础。阅读原文可以获取更多的技术洞察和实践经验,访问作者的个人网站<http://www.zhangxinxu.com>以获取更多优质的技术文章。
资源详情
资源推荐
首先您要明确, 样式再分离是应用到 “模块化的独立元素”上可那会产生后期维
护的问题,并不是应用到“页面模块”会产生后期维护的问题。例如,我们将很
多分离的样式嵌入到一个整站通用的的 “评论模块”中, 是不会产生任何所谓的
后期维护的问题的,除非您网站的评论并不是个“模块”,而是这里一段评论的
HTML 代码,那里又是另外一评论的HTML 代码,有经验的开发人员都应该清楚我
想要表达的意思。
本文标题所说的“模块化”指的是页面元素,例如网站通用按钮,通用选项卡,
通用小图标, 或是页面的一些固定框架结构等。 这些元素是不适宜使用样式再分
离的(或者说仅仅使用样式再分离)。
本文原地址: http://www.zhangxinxu.com/wordpress/?p=931,来自张鑫旭-鑫
空间-鑫生活,访问原出处更多优秀技术文章。
本文作者: 张鑫旭,欢迎访问我的个人网站。
三、什么是 CSS 样式合并
何为 CSS 样式合并,所谓CSS 样式合并,指的是一些不可分离的样式(按钮,图
标等),将他们公共的样式部分进行合并,非公共的再次独立出来,以减小CSS
文件的大小。我想,合并的做法很多同行都做过,可能不是很彻底,或是系统。
很多时候, 我们知道合并的好处, 但是往往由于各种原因, 没有从整体对样式进
行设计与架构, 造成样式合并的效果基本上没有发挥出来。 下面我举个实例, 会
让您对样式合并有一个更进一步的认识。 此实例来自淘宝首页, 其对背景图片的
样式合并。
zxx://淘宝首页的 Flash logo 很有爱啊,观看点击这里。
我们使用小 bug (我对 firebug 的昵称)随便看一个带背景图片的元素,例如下
面这个(免费注册按钮):
剩余10页未读,继续阅读
Cheng-Dashi
- 粉丝: 108
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- Hadoop生态系统与MapReduce详解
- MDS系列三相整流桥模块技术规格与特性
- MFC编程:指针与句柄获取全面解析
- LM06:多模4G高速数据模块,支持GSM至TD-LTE
- 使用Gradle与Nexus构建私有仓库
- JAVA编程规范指南:命名规则与文件样式
- EMC VNX5500 存储系统日常维护指南
- 大数据驱动的互联网用户体验深度管理策略
- 改进型Booth算法:32位浮点阵列乘法器的高速设计与算法比较
- H3CNE网络认证重点知识整理
- Linux环境下MongoDB的详细安装教程
- 压缩文法的等价变换与多余规则删除
- BRMS入门指南:JBOSS安装与基础操作详解
- Win7环境下Android开发环境配置全攻略
- SHT10 C语言程序与LCD1602显示实例及精度校准
- 反垃圾邮件技术:现状与前景
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功