3款AJAX翻页
作者:feiwen8772 日期:2008-03-26
前端开发必备工具（2008年5月23日更新）
作者:feiwen8772 日期:2007-12-19
特别的iphone手机内图标png
作者:feiwen8772 日期:2008-07-06
CSS规则层叠
作者:feiwen8772 日期:2008-07-06
理论基础是必要的，实践是提升和理解理论的方法，两者同样重要，任何设计和开发人员离开这两者的平衡，不论偏向哪一方，都会范或左或右的错误。不过我所讲的这个方法在实际应用中到底有什么用呢。显然，它不能够给我们创造出圆角矩形，也不能够给我们创造出分列布局，更加不可能给我们一个固定在文档头部的导航栏。这个算法的实践应用在于： 良好的CSS编程规范 。这是一个宏观的实践，与我刚才提到的微观实践同样重要，但却更加难以掌握。
本文并不想包含所有的良好的CSS编程规范，也不可能，我所能够提供的也只是我个人编写CSS的规范小结，我想这些规范是尽可能靠近CSS的运作本质的。
- 不要使用inline CSS
- user style不在你的掌控之内
- 不要使用important规则
- 按照特殊性从低到高编写CSS
前三条不是我说的重点，我将一笔带过。
inline CSS的特殊性是最高的，如果你CSS文件中的属性与inline CSS冲突，那么你CSS文件中的属性无效，这和我们仅在CSS文件中对样式进行debug的习惯不符。inline CSS也是丑陋的，它将样式插入HTML文档，所以应当放弃使用inline CSS。
Tags: CSS
CSS规则层叠时的优先级
作者:feiwen8772 日期:2008-07-06
CSS 规则的优先级是Web前端开发人员必须理解的一个概念，我们常用的添加样式的方法有4种。
- inline style
- embeded style
- external style
- user style
inline style是丑陋的，它们穿梭在HTML文档中，与HTML元素扭成一团，给Web前端开发人员造成了许多麻烦。它们往往以这样的面目出现：
<p style="color:red;">This is a paragraph.</p>
embeded style比inline style绅士一些，它们也寄宿在HTML文档中，但是它们不屑于与HTML元素扭成一团。它们往往在 <style> 元素中出现：
<style type="text/css" media="screen">
p{
color : red;
}
</style>
external style是个贵族，它不愿意同HTML呆在一起，所以干脆以外部文件的形式独立存在。通常我们使用 <link> 元素或者@import语句将它们导入HTML。
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
Tags: CSS
[转] 悟透JavaScript
作者:feiwen8772 日期:2008-07-05
编程世界里只存在两种基本元素，一个是数据，一个是代码。编程世界就是在数据和代码千丝万缕的纠缠中呈现出无限的生机和活力。
数据天生就是文静的，总想保持自己固有的本色；而代码却天生活泼，总想改变这个世界。
你看，数据代码间的关系与物质能量间的关系有着惊人的相似。数据也是有惯性的，如果没有代码来施加外力，她总保持自己原来的状态。而代码就象能量，他存在的唯一目的，就是要努力改变数据原来的状态。在代码改变数据的同时，也会因为数据的抗拒而反过来影响或改变代码原有的趋势。甚至在某些情况下，数据可以转变为代码，而代码却又有可能被转变为数据，或许还存在一个类似E=MC2形式的数码转换方程呢。然而，就是在数据和代码间这种即矛盾又统一的运转中，总能体现出计算机世界的规律，这些规律正是我们编写的程序逻辑。
不过，由于不同程序员有着不同的世界观，这些数据和代码看起来也就不尽相同。于是，不同世界观的程序员们运用各自的方法论，推动着编程世界的进化和发展。
众所周知，当今最流行的编程思想莫过于面向对象编程的思想。为什么面向对象的思想能迅速风靡编程世界呢？因为面向对象的思想首次把数据和代码结合成统一体，并以一个简单的对象概念呈现给编程者。这一下子就将原来那些杂乱的算法与子程序，以及纠缠不清的复杂数据结构，划分成清晰而有序的对象结构，从而理清了数据与代码在我们心中那团乱麻般的结。我们又可以有一个更清晰的思维，在另一个思想高度上去探索更加浩瀚的编程世界了。
在五祖弘忍讲授完《对象真经》之后的一天，他对众弟子们说：“经已讲完，想必尔等应该有所感悟，请各自写个偈子来看”。大弟子神秀是被大家公认为悟性最高的师兄，他的偈子写道：“身是对象树，心如类般明。朝朝勤拂拭，莫让惹尘埃！”。此偈一出，立即引起师兄弟们的轰动，大家都说写得太好了。只有火头僧慧能看后，轻轻地叹了口气，又随手在墙上写道：“对象本无根，类型亦无形。本来无一物，何处惹尘埃？”。然后摇了摇头，扬长而去。大家看了慧能的偈子都说： “写的什么乱七八糟的啊，看不懂”。师父弘忍看了神秀的诗偈也点头称赞，再看慧能的诗偈之后默然摇头。就在当天夜里，弘忍却悄悄把慧能叫到自己的禅房，将珍藏多年的软件真经传授于他，然后让他趁着月色连夜逃走...
后来，慧能果然不负师父厚望，在南方开创了禅宗另一个广阔的天空。而慧能当年带走的软件真经中就有一本是《JavaScript真经》！
回归简单
分享一些小图标
作者:feiwen8772 日期:2008-07-04
共享一些精美的小图标，ICO，合适做网页！
下载地址(第一部分)：http://www.fs2you.com/files/ed44aec7-496a-11dd-81a8-0014221f4662/
下载地址(第二部分)：http://www.fs2you.com/files/d423bae1-496a-11dd-a697-00142218fc6e/
漂亮的小图标，适合工具栏及网页使用---Phoenity Aura
作者:feiwen8772 日期:2008-07-04
漂亮的小图标，适合工具栏及网页使用---Phoenity Aura
来自http://phoenity.com/icons/aura
PNG-32 format in 24x24 and 16x16 sizes ( 172 icons, 136 kB ):
下载：http://www.fs2you.com/files/98ee664a-4968-11dd-a128-00142218fc6e/
Tags: 素材
清除浮动
作者:feiwen8772 日期:2008-06-27
今天说说清除浮动，clear float。
常规清除浮动，只要在需要清除的那个元素加上clear:left、clear:right或者clear:both
但是有两个情况下，靠以上这种简单处理不行。
第一种情况，父元素有border或者background等视觉体现，而子元素都是float元素的时候，需要对子元素结束的时候对float做清理，否则视觉显示不出来。第二种情况，也是基于视觉的考虑，第一个元素的子元素做了一些浮动，紧接着的第二个元素有border要显示，但是如果直接在自己身上加clear，会导致第一个元素的padding-bottom后者本身的margin-top失灵，而因为要显示border，不好用padding-top来控制与第一个元素的间距。这些时候可以用这个经典的清除浮动class加在父元素上来清除自身的浮动：
.clearfix:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}
.clearfix {zoom:1;}
高效的CSS（2008年7月4日更新）
作者:feiwen8772 日期:2008-06-26
样式系统是如何分类选择器的？
Mozilla 样式系统将规则主要分成四类。理解这个分类非常的重要，他是你了解规则匹配的第一步。下面我用了一个术语：关键选择符，指的是位于最右边的选择符。他可以是 id 选择符，class 选择符或者标签选择符。ID 类
ID 选择符作为关键选择符例：
button#backButton { } /* ID 类 */
#urlBar[type="autocomplete"] { } /* ID 类 */
treeitem > treerow > treecell#myCell :active { } /* ID 类 */
