Rekey's WebSpace

Just So So ...

Home Develop Life Music News 关于

IE6,或者说兼容，始终只是加分题。

作者：Rekey 发布时间：November 29, 2010 分类：Develop

每当我们说起前端开发，似乎总是离不开兼容，离不开IE6。

以至于大多数招聘需求，大多数简历上都有重要的一点，能制作出兼容IE和Firefox的页面。

当然，有的同学会加上符合W3C规范的，合起来是能制作出兼容IE和Firefox的符合W3C规范的页面。

推荐梁璟彪[TwinsenLiang]的一篇博客WEB2.0的单手定则

他讲到的单手定则，有一下的5点：

所以从梁璟彪[TwinsenLiang]的观点应该是，作为一个相对全面的前端开发工程师，至少上面五项都要熟悉以上，可是，如果大家都把焦点集中在关于兼容问题上，我认为其实是一种本末倒置。

所以我认为：好的前端开发应该是在熟悉单手定则五项以后，能有兼容这个加分题来加分。

IE6毕竟只是一道加分题，要做，可不是最要做的。最要做的应该是好好学习基础。好好的看手册，看思路，好好的发挥想象力。好好的做事情。

P.s : 参考这段奇异的代码，其实无IE6，有关的只是一种思路的延续。

CSS开发模式

作者：Rekey 发布时间：April 23, 2010 分类：Develop

CSS结构图

CSS分为三个部分


  1. Reset
  2. Layout
  3. Mod

CSS Reset : 通用设置,不需要处理.

CSS Layout : 根据设计稿定义的布局定义好整体布局,不频繁改动.

CSS Mod : 各种模块集合.

Reset 和 Layout 作为核心CSS定义.直接影响全局页面展示.所以不轻易进行修改.

Mod 为各个模块的集合.每个模块的CSS只控制模块内部展示,不对外部影响.

CSS关键字列表


由于模块元素的具有很多共同的元素,但是可能表现方式是一致的.所以需要定义一些自身定义的CSS关键字列表.在定义css关键字的类的时候不造成全局影响.

如Author , Title , time 之类的

Mod 开发


每个Mod的相关代码只影响Mod自身,不影响外部展示,比如

html代码:

<div class="mod-a”>
	<span class="img">
		<img src="demo.jpg" alt="" />
	</span>
	<div class="info">
		<a class="title" href="#">item title</a>
		<a class="author" href="#">item author</a>
	</div>
</div>

如果要控制title和author的展示, 使用

CSS代码:

.mod-a .title{
	Color:#f60;
}
.mod-a .author{
	Color:#06f;
}

以用来保持只对mod-a内元素的控制

文件结构


  1. Style.css
  2. Base.css
  3. Mod-a.css
  4. Mod-b.css

Style.css作为一个统一的页面css,加载在页面当中.

Base.css 包含CSS Reset 和 CSS Layout ,作为基本样式

Mod-a.css , Mod-b.css 负责每个mod的样式.由不同的团队成员维护

Style.css包含代码

CSS代码:

@import url("base.css");
@import url("Mod-a.css");
@import url("Mod-b.css");

走有中国特色的网站重构道路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的话:

时刻铭记你不是一个“页面仔”，是一个重构工程师；或者更进一层，你在影响人类信息化社会的发展。

前端开发与其他岗位的协作

作者：Rekey 发布时间：March 29, 2010 分类：Life

rekey photo

配乐 : 找朋友
[audio:http://bu.lonelylive.cn/COFFdD0xMjY5ODcyMTI1Jmk9MTE0LjI0OS4yMzMuMTU1JnU9U29uZ3MvdjEvZmFpbnRRQy9kMC8wNGMwZjRlNWZjNzYxNjkwM2RmYjRkZDY4ZDk1OGVkMC5tcDMmbT1hMTJiODJmY2Y1NDY1MTRkZmRiMDA5MmUxNTM1YTI4YiZ2PSZwPW4=.mp3]

回家的路上到是想了挺多.到家了反而忘了.汗..
在交流会上,大家都在诉苦.说程序员怎么怎么样.其实:

程序员只是提供数据,他为什么会跟你有那么多矛盾冲突?

我唯一联想到的就是一张图
有序列表

也许想明白了这张图怎么做.也大概知道了为什么程序员那么苦闷了.

引用龙哥的话

网页设计不是平面设计，不能胡来！

Web标准化交流会3月27日四城市同时举行

作者：Rekey 发布时间：March 15, 2010 分类：News

Web标准化交流会（w3ctech.com）3月报名过百，国内领先互联网企业前端开发团 队悉数加盟。据来自W3CTech的相关人员介绍，本月交流会主题为：前端开发在研发流程中与其他岗位协作效率的提升；论题一经提出及得到了业内的众多响 应。互联网是一个新型行业，而前端开发这个概念也在国内方兴未艾；抛弃片面强调前端思想，将Web标准化应用整个开发过程中，是所有互联网企业削减技术成 本的有效手段。

从刀耕火种的混杂模式到日新月异的集约型开发，前端开发在中国走过了 从无到有的阶段，Web标准化进行不仅仅影响到了浏览器端的技术领域，伴随微格式的流行，万维网标准化体系也逐渐渗透到数据层开发和内容发布等领域，成为 了一项系统工程；从不理解到了解，从了解到配合，本月W3CTech将邀请所有与互联网有关的IT人士，共同探讨标准化Web协作开发的标准之路。

本次交流互动将于3月27日在四个城市同时开始，北京站、深圳站由腾讯公司提 供场地，广州站由新浪提供场地,上海站将在携程网进行，W3CTech也希望更多有识之士参与讨论，努力推进国内web标准化进程。

W3CTech访问地址 请猛击 : http://www.w3ctech.com/
原文地址:http://tech.qq.com/a/20100315/000504.htm

    1. 1
    2. 2