css模块化的思想让后期维护变得简单

站长资源 2024/9/22 佚名

2 0 1

这里着重讲一下模块化开发为后期维护带来的好处！
首先，不管了不了解，鬼哥的这篇文章都可以看一下，从宜家的家具设计讲模块化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表达？当然，不同情况不同对待！

变得,简单,维护,后期,思想,模块化,模块,问题,·

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

评论“css模块化的思想让后期维护变得简单”

暂无评论...

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。

艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒经典版》的玩家都可以获得奖励。

更新日志

2024年09月22日

css模块化的思想让后期维护变得简单

CSS教程:CSS控制网页文字排版实例

评论“css模块化的思想让后期维护变得简单”

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

更新日志

友情链接