帝王谷资源网 Design By www.wdxyy.com
这里着重讲一下模块化开发为后期维护带来的好处!
首先,不管了不了解,鬼哥的这篇文章都可以看一下,从宜家的家具设计讲模块化https://www.jb51.net/css/divcss-10075.html
并不是多高深的东西,在工作中,应用div css操作,你应该会逐步的去想,怎样提高效率,怎样兼容,怎样精炼代码,怎样让后期维护变的更加简单。你可能每过一段时间,都想把自己以前写的东西重构一下。这是很好的想法,也是很好的表现,因为你一直在不断的进步。模块化的思想,必定会在你的逐渐进步之中被你领悟!
这里着重讲一下模块化开发为后期维护带来的好处!
在工作中,我做了一个如下图结构的网站。
首先要说一下缪同学,(备注,不是我公司里的徒弟),缪同学是一个很罗嗦很繁琐的人。这两个形容词其实都不恰当。这不,第二天,他让我把B和C左右互换个位置,我说没问题,打开css,把side_list和side_content的left的值改了一下。他依旧很罗嗦。第四天,他让我把B1和B3的位置换一下,我说没问题,打开css,把sub_list_1和sub_list_3的top的值改了一下。第六天,他让我把B1放到C里的下边并居中。好吧,我打开html,把包含文件中的sub_list_1剪切到side_content的底部。
在做这些的过程中,我只是因为两个模块内有相同的hx而针对他们写了一个!important。
当然,这仅仅是模块化设计的好处之一。
需要注意的地方:
·上下级模块内相同标签的优先级问题。
·全局样式的和模块样式的优先级。
·良好的扩展性。
·尽量做到具有相同标签的模块是平行关系。
·优化你的全局样式,让模块代码更简洁。
在我这里,设计到切图布局都是一个人,所以,不存在命名冲突问题。多人协作的时候,模块化设计同样可以避免这一问题。有效的避免命名、样式冲突等问题。
上边说的注意的第三条,良好的扩展性。很多时候,比如,layout内有A/B/C三个元素,layout内有10px的边,那么,这10px的边,究竟是在layout上用padding表达还是在子元素上用margin表达?当然,不同情况不同对待!
帝王谷资源网 Design By www.wdxyy.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
帝王谷资源网 Design By www.wdxyy.com
暂无评论...
更新日志
2024年10月07日
2024年10月07日
- 刘美麟《同生》[320K/MP3][70.99MB]
- 群星.1994-宝丽金最流行3CD【宝丽金】【WAV+CUE】
- 群星.2024-聆听“某某”影视原声带【华纳】【FLAC分轨】
- 陈慧娴.1989-永远是你的朋友(2024环球MQA-UHQCD限量版)【环球】【WAV+CUE】
- 何洛洛.2024-别叫醒我(EP)【光羽】【FLAC分轨】
- 林忆莲.1996-爱莲说2CD【华纳】【WAV+CUE】
- 黄妃.2005-红【亚律】【WAV+CUE】
- 刘美麟《同生》[FLAC/分轨][161.95MB]
- 群星《前途海量 电影原声专辑》[320K/MP3][106.26MB]
- 群星《前途海量 电影原声专辑》[FLAC/分轨][227.78MB]
- 张信哲.1992-知道新曲与精丫巨石】【WAV+CUE】
- 王翠玲.1995-ANGEL【新艺宝】【WAV+CUE】
- 景冈山.1996-我的眼里只有你【大地唱片】【WAV+CUE】
- 群星《八戒 电影原声带》[320K/MP3][188.97MB]
- 群星《我的阿勒泰 影视原声带》[320K/MP3][139.47MB]