CSS模块化思想的优势(1)

2016-02-19 15:14 9 1 收藏

get新技能是需要付出行动的,即使看得再多也还是要动手试一试。今天图老师小编跟大家分享的是CSS模块化思想的优势(1),一起来学习了解下吧!

【 tulaoshi.com - Web开发 】

    实想重提下那个话题,一直都在忙这忙那的没时间。好不容易到一个周末了,原定安排是去D2的但是因为时间安排不过来,所以能抽空写写。早前的讨论不了了之,其实这一点都不是Twinsen的风格。

名字,你看名字多重要,我不太清楚。我写书的话我的书被人改变名称去误导别人我是不喜欢的。这是我一直说的作为一个技术人员应当遵守的准则——互联网创作共享协议。我不能抄一个刚入门的小朋友Idea(因为他们思维没被禁锢),然后换一套名称和说法说是自己的。sorry,我做不到。

不过其实这片文章只是Twinsen的一个想法了,可以说比较的疯狂。另外顺带一提的是这里的是Twinsen的站点,并不是腾讯的站点。这里的东西并不是代表腾讯的观点和角度。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

引用森林群的谈话内容:

技术人员的争论就是技术人员争论,谈锤子政治和外交。要叼冲我来,我是非常乐意被叼的。是啊,我很犯贱;你叼我就是塞钱进我的袋子里面。正如我常说的那句话:“SB之所以继续为SB是因为他压根就从来没有意识到自己是一个SB。”粗俗?但是原话是心理学家弗洛伊德说的哦:“人总是先有自我认知才会再有自我超脱的。”我现在就是到了自我认知的瓶颈了,所以要创造这样的环境逼迫我自我认知。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

另外说到网格的内容,为什么我反对这个思想的流传?首先声明的我不是反对关于设计的网格化,我是反对重构的网格化。这里应该特指是 YUI方式 的类名绑定式的网格化。大家可以看看下面的一段代码:

div id="yui-main"
div class="yui-b"
div class="yui-g"
div class="yui-u first"/div
div class="yui-u"/div
/div
/div
/div

大家可以很清晰的看到这里的yui-u,或者yui-g他的名称是并无意义的。还有与表现相关的first。不知道大家都看过的《网站重构》一书当时配同的PPT里面的一句话——“把页面中的外观标记去除以后,重新设计现有的站点和内容将变得非常节省人力 (同时便宜得多)。如果想改变站点的输出,你只需要改动一下样式表就行了,而完全不必改动页面本身。”像上面的那段代码不能达到结构、表现、行为三者分离,如果强行改变会出现下面的一些问题:

改变表现的时候必须动到html,一次美观上面的修改要动到三条工作线,极大的人力资源耗费。
会出现排在第五个的叫做“first”的框
会出现实际为240宽的叫做“180宽”的框
会出现实际为三列的叫做“四列”的布局
会出现实际为红色的叫做“blue”的字
这些也就是相当于现在很多人流行的“left_box”和“right_box”,快速改版以后变成了在左边的“right_box”。这不就是相当于歪曲事实的真理么?但其实最重要的是第一点,这样的工作方式和我们以往的table布局工作方式有差别么?你提个改个样式需求,全公司(设计、页面、开发、功能测试、CE数据监测)都跟着你去跑,这是很不智的。

来源:https://www.tulaoshi.com/n/20160219/1609209.html

延伸阅读
标签: Web开发
写在前面的话: 所有写程序的人都知道,当你逐渐对您要实现的功能展开的时候,很大的时候,第一天写的东西第二天就忘了写到那里了,很多的时候,不得不写上详细的程序开发笔记,这在ASP的系统开发中感觉尤其文件、函数复杂的时候,当我们打算对网站的一部分功能进行修改的时候,感觉无从下手或者感觉要修改的地方。这时候,如果您学过任...
模块化字体设计欣赏 模块化字体设计欣赏(2) 模块化字体设计欣赏(3)
人们常用温暖的港湾来形容家,若家是港湾的话,那么工作的地方就是岛屿了。当我们投入了社会,在每天来回航行于港湾与岛屿间的同时,也希望小岛上有个容易靠岸的码头。在柏林扎根的设计师Till Grosch和Björn Meier为这些办公室岛屿设计了一系列名为“Docks(码头)”的模块化组合家具,希望人们能利用形状不一的家具创造不同的办...
标签: Web开发
所有写程序的人都知道,当你逐渐对您要实现的功能展开的时候,很大的时候,第一天写的东西第二天就忘了写到那里了,很多的时候,不得不写上详细的程序开发笔记,这在ASP的系统开发中感觉尤其文件、函数复杂的时候,当我们打算对网站的一部分功能进行修改的时候,感觉无从下手或者感觉要修改的地方。这时候,如果您学过任何一门面向对象的编程的...
标签: Web开发
很久之前就知道 宜家 ,以前在广州的时候也去过一次,给我的印象就是:大、贵、巧。地方很大,东西很贵,设计很巧。现在住的地方离宜家不远,这个月找时间去逛了下,地方还是那么大,东西还是那么贵,设计还是那么的巧。虽然没有买什么东西,不过也还是有所收获的,通过宜家的家具设计方法,我们可以聊聊模块化。 去过宜家的同学应该都有注...

经验教程

898

收藏

87
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部