大话开篇
这个系列与其它系列文章不同，不同讲具体的知识点，讲的只是实际工作中开发人员应该如何去写代码，写健壮的代码，写快乐的代码，写面向对象的代码，事实上，从一个人写的代码中，可以品味出这个人的心情，这个人对待代码的态度（注意，不是工作态度，而是代码的态度）。
作为开发人员的你，是否是为了实现一个功能，实现一个效果，而去百度一些代码，或者连自己都搞不懂自己写代码的意义呢，如果是，那您应该读一下这篇文章，它会告诉你代码是什么，如何写好代码，如何写开发者快乐的工作。
什么是用心体会
在我看来，用心体会，就是你发自内心去写代码，你把你的代码拟人化，它可能是你的爱人，情人，或者一个不能分开的人，只有这样，你才会对你写的代码负责，你才会在知识的海洋中去寻找那个未知的答案，而这个过程是让你终生回味的，内心是满足的，想法是单纯的，未来是挑战的。
Coder追求的是什么
作为一个开发者来说，我们追求的不仅仅是实现功能，实现效果，我们每个人都有自己追求的目标，钱，房子，车子，而当你作为开发者来说，你追求的除了这些之外，可能还有代码的性能，代码的可读性，代码的扩展性，代码的安全性，代码的面向对象性等等。
JS不是面向对象的语言
当然，我不否认这一候，ＪＳ确实不是面向对象的，但你在写ＪＳ时，要用面向对象的思想去写，没有人会喜欢去看重复的代码，没有人会喜欢去看没有注释的代码，没有人会喜欢去看风格多样的代码，没有人喜欢去看职责混乱的代码，而这样不喜欢，不正是面向对象的原则吗？呵呵！
目录
第一回 有些方法，这样写会更好第二回 有些变量，会封装起来更容易让人接受第三回 关于代码书写方式，你怎么看第四回 关于方法参数，你喜欢用哪种第五回 ＪＳ模版更像是一个与世隔离的容器
本文链接
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <title></title>
5 <script src="/blog_article/Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
6 <script type="text/javascript">
7 $(function () {
8 $("#btn").click(function () {
9 $("#dv").slideToggle(200);
10 setTimeout(function () {
11 $("#dv").hide(200);
12 }, 3000);
13 });
14
15 });
16 </script>
17 <style type="text/css">
18 div.RoundedCorner
19 {
20 background: #C8E2FA;
21 }
22 b.rtop, b.rbottom
23 {
24 display: block;
25 background: #FFFFFF;
26 }
27 b.rtop b, b.rbottom b
28 {
29 display: block;
30 height: 1px;
31 overflow: hidden;
32 background: #C8E2FA;
33 }
34 b.r1
35 {
36 margin: 0 5px;
37 }
38 b.r2
39 {
40 margin: 0 3px;
41 }
42 b.r3
43 {
44
如今有很多网站都用上了 inline-block 属性，比如 {display:inline-block; *display:inline; *zoom:1}，以上 css 代码随处可见。很多人看见 *display:inline; *zoom:1 就下意识的认为：哦，原来 inline-block 这个属性 ie6 和 ie7 不支持。那么 ie6,7 真的不支持 display:inline-block 吗？
事实上，ie 从 5.5 开始就已经支持 display:inline-block 了，只是支持的并不是那么完美。具体的请阅读淘宝UED官方博客——一丝所写的《display:inline-block 前世今生》。
当我们使用 inline-block 的时候，就会产生“空白间隙”问题。代码如下：
<html lang="en-US">
<head>
<meta charset="UTF-8"/>
<title>inline-block</title>
<link rel="stylesheet" type="text/css" href="/blog_article/css/base.css" media="all"/>
<style type="text/css">
li{
display:inline-block;
*display:inline;
*zoom:1;
}
</style>
</head>
<body>
<ul>
<li><img src="/blog_article/images/cat.jpg" alt="" width="248" height="162"/></li>
<li><img src="/blog_article/images/cat.jpg" alt="" width="248" height="162"/></li>
<li><img src="/blog_article/images/cat.jpg" alt="" width="248" height="162"/></li>
</ul>
</body>
</html>
效果图如下：
我们可以看到：在 ie8、chrome、firefox、opera 以及 safari 浏览器下，两张图片之间有“空白间隙”。
但是在 ie6 和 ie7 浏览器下却正常显示，效果如下：
下面我们就来说说这个“空白间隙”是如何产生的，以及解决办法。
先来说说“空白间隙”是怎么产生的？先看下源代码：
<html lang="en-US">
<head>
<meta charset="UTF-8"/>
<title>inline-block</title>
<link rel="stylesheet" type="text/css" href="/blog_article/css/base.css" media="all"/>
<style type="text/css">
li{
display:inline-block;
*display:inline;
*zoom:1;