走有中国特色的网站重构道路2
作者：Rekey 发布时间：April 22, 2010 分类：Develop
标题跟twinsen的走有中国特色的网站重构道路一样,实际上,一切都是幻觉,我要说的是另一件事情
引用下twinsen的言论先:
<div class="f14 cf60 fright">xxx</div>
肯定是14px大小 颜色f60
然后不改动html的时候改变样式，呵呵，SB了
他的言论其实是个引子,因为现在很流行这种开发方式
css代码:
.f14{
font-size:14px;
}
.cf60{
color:#f60;
}
html代码:
<div class="f14 cf60">14px的文字大小,颜色值是#f60</div>
于是乎,写html代码就真的变成了累积木的举动了.
大家一起高呼,哇,原来重构就这么容易啊.
等到某天.需要把某个div的颜色换成#333,傻逼了.这怎么改.改html.
顺便让asp,php,jsp,asp.net等各种程序员改改程序页面.
我举这么个例子不是想说这种思想错误.
只是我想突然想到一个问题.能不能换一种思维来想这个事情,尽管可能现在做不到.
以下代码是从未在css里出现过的..
诡异的CSS代码:
.f14{
font-size:14px;
}
.cf60{
color:#f60;
}
.mod{
include: .f14 , .cf60;
}
并不诡异的html代码:
<div class="mod">14px的文字大小,颜色值是#f60</div>
这种方式我称之为零件式开发.
很简单,做一些.f14,.cf60之类的小零件,然后让模块(也就是.mod之类)在css中包含,然后体现在表现当中.
这样做,是否可以继续累积木,但是又不会累出问题呢?
再次引用twinsen的话:
时刻铭记你不是一个“页面仔”，是一个重构工程师；或者更进一层，你在影响人类信息化社会的发展。
总是会从开发中去找那些快速高效的方式。有的人路子对了，有的人走歪了。
而换一种
.mod .f12{}
.mod .cf60{}
or
* .f12{}
也是杯水车薪。
其实我只是在说一种想法.不是在说我要求W3C这么开发.
我一般做专题的时候会用这种模版型的命名方式，因为专题很少去改动了，这样的话css模版开发起来会很快！
呃,请看开篇引用的那一句.
杯具了.为什么不支持引用回复..
哥哥，需要在后台设置
围观...
姐也有博客了，给个链接不！
险些惨死其下……
include: .f14 , .cf60;
我第一次见这样的语法，深深怀疑中
呃.看了两次.没找到结果 ...真杯具..
嗯，是的。。可以这样做，但不是让css做。有人借助PHP写出了类似的功能，其实，就跟写html模板一样，css也可以有模板的开发形式，但这些都没有规范，或许你可以尝试这样做。我觉得，这个抛砖引玉的写法还是不错的，或许可以开发一个IDE，规定一些语法来更高效快捷的写css--我曾经的设想。。
好文章
名称只是一个符号！我们要做的只是让这个符号变得容易理解。换个思考会让你更进一步。
嗯，是的。。可以这样做，但不是让css做。有人借助PHP写出了类似的功能，其实，就跟写html模板一样，css也可以有模板的开发形式，但这些都没有规范，或许你可以尝试这样做。我觉得，这个抛砖引玉的写法还是不错的，或许可以开发一个IDE，规定一些语法来更高效快捷的写css–我曾经的设想。。
+1
……第一眼扫了一遍全文，然后顿时被震撼住了：
.mod{
include: .f14 , .cf60;
}
杯具，我差点喊我怎么就不知道这么牛的方法……
好吧，后来发现的确我不应该知道……
960gs是排版潮流，但是这个是从纸媒印刷行业中衍生出来的东西，其实更适合类似于报纸形态的豆腐块聚合。
常见的博客都是同类文章同级平铺的模式，其实从阅读角度来说，960gs对这种常态博客根本没有多少助益，她带来的改善仅仅只是开发便捷度上的提升——注意，我是指样式一次性开发，像报纸一样，而不是指表现后续变更。
所以，就如rekey文章开头所说，改版，SB了，从html代码开始改重来吧……内容表现分离可不是某人头脑一热提出来的，而是在实际网页开发过程中总结出来的工业经验，就好像960gs实际上是从一次性的报纸行业中总结出来的东西。东西是好东西，但是太多人在乱用……
您网站真牛。。
P . s : 那代码就没实现。只是我猜想的东西。。
……字数多了会进审核的？打了好多字一提交就没了……呜呜……