时间：2009-11-05
主题：对模块化的理解

下面是讨论内容整理：

怪兽 14:46:52
我帮5457回答，
这样让class尽可能多地复用，而对于一些小差别的地方使用ID
可以减少CSS的代码量

Leeiio 14:46:52
因为class可以样式叠加啊

怪兽 14:49:53
但我觉得这样理解模块化不是很好咯
更有点像在拼属性

5457 14:51:34
个人理解模块化最大的好处就是复用性
既然是复用性的多 肯定要用class来命名不同的模块
每个模块表现可能局部不相同
那么不相同的部分就加一个id来定义不同表现的那部分

ﻬ丸子 14:51:58
模块不是用来拼的吗

可嘉 14:53:47
模块化就我的理解是功能做成模块，而不是样式做成模块

ﻬ丸子 14:55:31
我们应该讨论的不是模块化..
因为全世界都是模块

Ray.齊 14:54:19
可以重复使用的就是模块，无论功能还是样式
我也是这个观点，不过没解决模块是什么

ﻬ丸子 14:55:54
重点是如何很好的组织模块
这才是模块化要解决的根本问题

5457 14:57:55
个人觉得是功能相同的部分 挑出来 做一个模块 比如新闻列表
然后把结构代码 css 可能还有js 分开写好
感觉像是代码片...orz

ﻬ丸子 14:58:12
一直钻一个点...会死的

怪兽 14:58:47
其实能否将模块化理解成建立一个自己的框架呢？

Leeiio 14:59:54
七巧板

ﻬ丸子 15:00:51
框架是模块化思想的一个应用

5457 15:00:57
你们在炒作概念么？= =

Leeiio 15:01:02
我正想说呢

鬼-CSSForest 15:01:09
嗯，这样理解就没有问题了

Leeiio 15:01:19
模块 不等于框架

Leeiio 15:01:28
但框架就是模块的思想

Along 15:01:53
我一直很地址 框架的意义 有误导倾向

ﻬ丸子 15:01:53
模块化是一种思想,不是一种形式..
框架是将这个思想具体化的一个东西
个人认为:模块化是一个降低模块之间耦合度,提到模块内聚度的一个指导思想,它不局限于某种形式,模块化思想的重点不在于如何实现模块,更重要的是如何来更好的组织和重用这些模块.而框架是将模块化思想具体化的一个东西,它提供了便于实现模块化思想的一个环境

大白 15:16:22
我觉得 模块化只不过是相对的
相对条件取决于你所在公司的产品的特性。
比如说你是一家外包公司，你是不可能模块化的，应为你做的每个任务的需求有这“质”的不同。
但是当你在一家稳定的公司，你所工作的人物是可以预见并且在理想上是能重复复用的。那么你可以把相对经常会出现的经常要处理的工作 模块化。从而提高工作效率。
所以我觉得当你所在的环境不允许你建立可复用的代码时，你牵强的考虑模块化反而会导致加重你工作量，使得原本简单的工作变得更复杂。

Design 15:17:11
大模块与小模块

weilaixu 15:17:12
具体情况具体分析。
这是应该一直执行的。

ﻬ丸子 15:17:48
所以,我说问题不在模块本身..
因为一切都是模块

5457 15:18:01
就算是你一个人从头做到尾 模块化思想还是对你的工作很有好处的

Mr.Q 15:18:02
我认为模块应该是基于原形设计

Along 15:18:09
CSS不是编程语言 模块的思维 直接套用是不行的

漩涡鸣人 15:18:21
只是一个思想

weilaixu 15:18:26
基于设计稿

鬼-CSSForest 15:19:01
这点也是对的
CSS的表现层的，跟设计稿的关系比较密切
但同时跟结构也有关系

漩涡鸣人 15:19:49
其实模块实体是不是为了方便某些项目的开发呢？
并不能广泛应用

Mr.Q 15:20:16
模块应该还是运用于多人协作开发

鬼-CSSForest 15:20:31
算是一种解决方案

大白 15:20:59
问题在于你所处的环境，另外css本身就不是一个灵活的东西。他不可能想程序一样 拥有多态适用性，所以低耦合对于这种静态的东西来说只能说是尽量的 在初次出模 的时候把适应性做的最大化，但适应最大化所付出的代价有可能就是html的语义化丢失，甚至出现多余代码

5457 15:21:00
网站上面现有的功能 很多都很成熟 很固定了
大家结合自己实际的工作 把这些模块大体不变的东西写成可复用的
以后做项目的时候再结合设计稿改改就行了

大白 15:20:59
问题在于你所处的环境，另外css本身就不是一个灵活的东西。他不可能想程序一样 拥有多态适用性，所以低耦合对于这种静态的东西来说只能说是尽量的 在初次出模 的时候把适应性做的最大化，但适应最大化所付出的代价有可能就是html的语义化丢失，甚至出现多余代码

Along 15:21:46
可有的时候 拿以前的东西来改 未必比新做 来的快

5457 15:30:48
css重用几率小 那html代码呢？js呢？

Along 15:30:51
及时本质相同 表现也很大不同 与其改原有的 不如重新写一个

Design 15:30:52
jquery的函数每次你都用完了吗

Along 15:31:06
别拿JS说事
CSS和JS 没有可比性

神叼大侠 15:31:13
瓶子是个模块，上面的帖纸是个模块，瓶盖是个模块

豆豆猫 15:31:23
外观和功能本质是不一样的

神叼大侠 15:31:36
瓶子模块出了问题就搞瓶子的

5457 15:31:37
我觉得大家还是对模块共性的认知不一样

漩涡鸣人 15:32:51
瓶子 贴纸 瓶盖 这几个不是功能不一样吗？

可嘉 15:33:04
其实很多瓶子的结构是相同的，就是颜色和图标换了，不同项目的CSS肯定不同，主要还是html的重用

漩涡鸣人 15:33:51
瓶子还是分几种 铁的 玻璃的 朔料的

神叼大侠 15:33:51
你什么时候见过 最近新闻 和 热点评论 可以复用？或者他们的功能一样

大白 15:34:06
这就是我最开始说的，应为你所在的环境 决定了你的瓶子结构是相同的

可嘉 15:34:06
那是不同的模块了

Allan 15:34:14
恩，是的。
模块 当然是html和css的组合 但这种组合 最终实现的样子 未必总是相近甚至相同
这跟html没关系，在模块化中css和html已经是一个东西了。你重用了html没重用css有什么意义。
重用了css的一部分。这就牵涉到维护性。便捷的改掉界面的表现。但是结构一样。

漩涡鸣人 15:38:17
这个样式不是具体化的样式，只是一个形式上的样式

5457 15:38:46
难道去除css 只重用html结构和js 就变的没有意义了吗？

Along 15:39:00
具体化的样式，只是一个形式上的样式 麻烦举例说明
什么样的样式算具体的 什么样的算形式上的？
你觉得每个项目都可以想qzone那样做出个沙箱来？

Allan 15:39:47
恩，这个有点儿虚了。

5457 15:40:28
难道你们所说的模块化就是一定要连css样式也要全部复用才叫模块化？

漩涡鸣人 15:40:39
我的理解：具体的就是根据设计稿弄出来的
形式上就是在功能上实现那个模式就ok来

Along 15:40:41
我见过 一种 就是全是黑线 黑字 黑边的 或许那就是你说的形式上的 可真要做起项目来 有几个 允许你先做成那样的的样子 再去补样式呢

Allan 15:40:42
橡皮泥就是框架啊。

大白 15:41:34
橡皮泥 的特性是多态，可以变的。 这恰好是csshtml 不拥有的特性。

可嘉 15:42:19
问题是不是每个产品都是汽水瓶，烟盒呢?

Allan 15:42:21
多态的是啥意思

可嘉 15:42:31
css的重用很难的

Along 15:42:38
说个具体点的问题
我遇到过的

Guoquan 15:42:45
@Allan 去看看面向对象

Along 15:43:01
第一稿的时候 一个页面上 所有box都是同一个样子

Along 15:44:36
我可以姑且的把这些都统一的做掉 可还没等我做完呢 客户说 他要每个都换一个颜色 然后每个都不同的内容 也就是说 我原来在共用的样式里写的东西 留下的 越来越少 个性的东西越来越多 那我 共用的东西 意义又何在了呢

weilaixu 15:45:07
Along，设计稿都没定下来，谈其他的没用啊

Allan 15:45:09
那你是否每次都多了些公用的东西。

Along 15:45:23
未来 我不知道你遇到没遇到过
我这 东西上线了 客户说改就改 这是常事

weilaixu 15:45:51
呃，那去把项目负责人抽一顿

豆豆猫 15:45:54
设计稿通过了，网站做完马上要上线了，客户又要改风格的事儿，太多了

漩涡鸣人 15:46:04
这个不是只能换模块了吗

Along 15:46:08
你是让我去抽老板吗

weilaixu 15:46:19
好吧，我抽自己！

漩涡鸣人 15:46:22
你说的box应该是一个个的模块

weilaixu 15:46:33
这样的情况，以前也经常碰到。

Along 15:46:35
对啊 是网页上面 以功能划分的模块
他们本来存在共性

漩涡鸣人 15:47:06
模块要考虑模块之间的公用吗？

Along 15:47:24
可 在几次修改之后 共性几乎没有了 那你先期的工作 还有意义吗 本来想减少工作两的 结果一次又一次在增加工作量

weilaixu 15:47:33
我觉得，我们讨论的越来越具象了

可嘉 15:47:33
@龙哥 功能模块我们可以用id定义，里面相同的我们再加个class
  
Along 15:47:47
问题是 你那class怎么去定义
不还是共性吗

漩涡鸣人 15:47:51
一个导航模块跟一个 这样的模块需要考虑公用吗？

5457 15:47:56
因为有了共用性 才会有模块
没有共用性 哪来的模块？

Along 15:48:07
如果共性消失了 你那class的意义又何在

漩涡鸣人 15:48:24
class之前彪叔也说了每个模块都有特有的样式啊

]Robin[ 15:48:27
模块化意义大小，要看你所在公司的业务特点。

Allan 15:48:30
无共性好啊。那是一个单独的模块。

可嘉 15:48:33
之前的共性没有了那是修改到没有了，之前做的当然没有意义了，相当于重新设计，改变不了

漩涡鸣人 15:48:50
理解不同～～～
没法说

weilaixu 15:48:56
模块化的目的和作用以及好处......
都是尽量去节省代码，简化结构，提高重用性。
不是说，所以的模块或任意2个模块都能够重用。

Along 15:49:05
你做过的网站 有没有一辈子不改版的

weilaixu 15:49:15
改版归改版

weilaixu 15:49:23
客户修改归客户修改

Along 15:49:30
我说的不是彻底改的那种
那叫重做
我说的改版 就是表现上的改动
客户拍脑袋想出来的

奶茶 15:49:48
不是彻底改的叫迭代

Allan 15:49:59
那叫换个模板。

奶茶 15:50:00
迭代很考验人

Along 15:50:01
叫迭代
好 我概念混淆

weilaixu 15:50:04
模块完成就是指页面写完了。这就是完成了。
至于修改/改版，那又是另外一码事

奶茶 15:50:04
重新做谁都会

weilaixu 15:50:29
所以又引入了一个，就是代码要求后期可维护性的问题

怪兽 15:50:46
如果不考虑维护性，用table不就行了么=-=

奶茶 15:50:48
这需要联系实际场景和项目经验

ﻬ丸子 15:51:00
HTML

weilaixu 15:51:07
具体情况具体分析

奶茶 15:51:12
重构，一般是因为产品周期，技术瓶颈等原因

weilaixu 15:54:30
模块化是一种思想，一种行为指导，让我们的效率更高。
它不是万能的，也不是每个项目都适合的。
就像网游杀怪一样，一个攻击100和一个攻击101，平时看不出来什么，但是一年，两年以后，叠加的攻击就很客观了。
同样的，在多个项目积累之后，模块的优势才真正有所体现！

Along 15:58:53
模块化 不要想的那么大 我的理解 他只不过是在一个项目里 方便多人协作的时候 省掉重复劳动一个小伎俩 这个效果 你写了 别人就可以直接用了 或者 你可以写的开放一点 让他能活的长一点 用的广一点 但千万不要模仿什么框架 去搞 多个项目应用 经验告诉我 一个项目就是一个新的开始 不要想着偷懒 因为是要还的 后面肯定找回来 重新定一套 可能会多花点时间 但那样 至少 更适合 更合适 更省心

weilaixu 15:59:50
我同意新项目是新开始的说法。
保留我的意见。

Allan 15:59:56
模块跟框架可不同。

ﻬ丸子 16:00:07
这是所谓的生理周期吗
额..生命周期

weilaixu 16:00:37
reset和模块化，有联系么？

Allan 16:00:36
模块不同，但是结构可以同根生。

Leeiio 16:00:58
没联系

Along 16:01:07
一个人有一个人的生命轨迹 或许两个人的轨迹很像 很像 但终究不能复制 因为每个人都是独立的 单独的人

5457 16:01:13
工作就像橡皮球 弹来弹去还是会弹会自己的手上

森林近段重大意义的讨论！

模块化，一直比较困惑的东西。唉....

啊..为了看这个帖子..我的机快卡死了..难道那个鬼叔叔.整理那个话..超费内存的么?

有意思， 模块化整理， 我希望能讨论出一个好结果