版权认领

作者:feiwen8772 日期:2008-03-28

前端开发必备工具（2008年5月6日更新）

作者:feiwen8772 日期:2007-12-19

Keycode对照表

作者:feiwen8772 日期:2008-05-09

字母和数字键的键码值(keyCode)

分类:前端开发 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 27

第2界D2论坛见闻

作者:feiwen8772 日期:2008-05-08

转载：http://dancewithnet.com/2008/04/28/info-and-thoughts-about-2th-d2/

这个周末回京参加了期待已久的第二届D2前端技术论坛，见到众多的前端同行，更聆听了几场高质量的讲演，收获良多。讲演的资料整理后会在第二届D2前端技术论坛的官网上提供下载，同时也会提供会议视频，强烈推荐前端工程师关注。

周爱民的讲演“前端设计与开发的基本模式”，看起来很丰富，很多模式或理念听起来也蛮有争议，避免不了空和虚，但我不能不承认他提供了很多我有兴趣但尚未涉及东西，这些给了我新的视角。
黄继佳的讲演“Silverlight应用”，虽然很高兴他能来参加和支持D2，幻灯片也很cool，但我强烈的感觉这是一个很纯正的Silverlight的产品推广，我不是太喜欢。
Hedger Wang的讲演“Enterprise Ajax in PHP”，是这次D2的精华。他提出管理Ajax在企业级应用的设计模式，很多正是我日常开发中遇到，比如他讲到的映射，我也曾经做过类似的解决方案，比如他讲到的对多次同一请求的管理，我也曾思考过，但那往往是一个个独立的小点，这次讲演终于让我有了从点到线到面的感觉。他的讲演也准备的相当好，既有总结，又有代码，同时利用生活中的例子来说明原理，想听不明白都不行。我不需要如何得称赞hedger的讲演，如果你的开发涉及到Ajax，那么你就应该去看看他的讲演。ps，祝他杭州玩的开心。
Nate Koechly的讲演“Enhanceing Web Sites With The YUI Library”(English)”，作为YUI开发的核心成员，这次讲演虽然有点推广YUI的意味（在此有近一年应用YUI经验的我也强烈推荐YUI），但是仅仅从他幻灯片上就可以看出他事先的准备和用心，甚至他表达出了要学习汉语的意愿。但很遗憾的是，由于语言的原因，这次没有能充分的从Nate身上获取更多的更深的东西，虽然有hedger义务做翻译，虽然对nate的提问是最多的。

分类:前端开发 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 30

自动换行

作者:feiwen8772 日期:2008-05-08

今天的重点不是介绍换行，而是介绍如何“不”换行。

下面这个是自动换行，也就是把文字截断，换行显示，有时是需要的。

div{
word-wrap: break-word;
word-break: normal;
}

但更特殊的情况是，强迫不换行。

white-space:nowrap;

分类:前端开发 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 29

一个比较完美的spacer div技巧

作者:feiwen8772 日期:2008-05-08

在制作网页的过程中，自适应问题是经常遇到，而又最让人头疼的，看了好多种解决的方法，但是都不是万能的。今天遇到这个问题，实在让我挠头，借鉴了Shark的方法，又给了我一个新思路。当时没仔细看LBS的样式表，今天才发现，.clear用的就是这个方法。接下来，我会做个关于“自适应高度”问题的汇总，以便今后遇到问题时候更快解决。

为了解决浮动元素引起父元素无法获得高度的问题，我们一般在子元素的最后加上一个Spacer Div（clear:both）。但是IE和Mozilla对div的解释不同引起一些表现上的差异。

最简单的Spacer：

.HackBox{clear:both;}

分类:前端开发 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 31