用户友好、开发者友好、搜索引擎友好
上周启用了新域名web2ez，并把之前的130多篇文章放入了回收站，我没打算近期把这些文章放出来，回收站举动让全部老页面出现404状态，所以：
通过搜索引擎来到web2ez的朋友，我很抱歉，如果你非常需要那些文章请将“文章的标题”和“邮箱”留下，我会发到你的邮箱里去，在本文下方留言即可。
老域名已经做了301重定向到web2ez，并在google webmaster tools里做了调整，目前的状况是google的收录已经正常，pr也已转移，百度目前只收录首页，等观察期结束，百度会陆续放出新页面，明天放也行，2012放也行，随便。
本博从开始就没打算刻意讨好搜索引擎，这里首先是我的家，而不是交易场所或者媒体中心，我也没想过要挤破头把家搬到闹市区里，有缘的朋友我们互相串串门，投缘的朋友我们换换链接，这就是挺让人高兴的一件事了。
本文置顶到百度谷歌完全删除错误索引的那一天。
首先了解一个基本的视觉设计理念：对角线平衡（源于古藤堡图表）
扩展阅读（web设计中的古藤堡图表）：http://muiomuio.com/web-design/gutenberg-diagram
人们在浏览网页或者布局的时候，视线往往趋向于从左上到右下，或者说从左至右，从上至下。
举例，如下图：
logo，图片轮播区边框（或者背景颜色），以及注册按钮统一设置为一个颜色，这个页面其他的元素就尽量不要用到这个颜色了。等于是通过色彩将3个区域绑定在了一起，形成一个局部的对角线平衡区域，视线有logo到充满趣味的图片区，再到注册按钮，帮助用户更快的熟悉网站和引导用户下一步该做什么（这里当然是注册了）。
对角线平衡理念并不一定适用于每个页面设计，不必强制遵守，但在做每个页面的设计的时候都不妨站在这个角度思考一下。
在开始安排页面内容时，我会秉承最基本的设计方法，简单的说，把所有的栏目区域都扔到显示器上，然后移来移去不断调整让它们彼此协调。（也可以这么做，手工小纸条，帮助理清页面的结构和样式：http://tifafa.com/?p=293）
这个过程有点类拼图游戏，但是拼图的每一个部分并没有固定的大小，大小可以任意改变。
如果首页的主要目的是吸引用户注册，就把注意力放在注册区域，一般说，注册区域需要有号召力的标语和按钮，要让用户容易注意到并且把这个区域和其他部分清晰的分隔开。例如wordpress的标语“Express yourself. Start a blog.”，还有按钮要又大又美观，注意配色，让其从页面中脱颖而出。
JavaScript 算术运算符
算术运算符用于执行变量与/或值之间的算术运算。
给定 y=5，下面的表格解释了这些算术运算符：
| 运算符 | 描述 | 例子 | 结果 |
|---|---|---|---|
| + | 加 | x=y+2 | x=7 |
| - | 减 | x=y-2 | x=3 |
| * | 乘 | x=y*2 | x=10 |
| / | 除 | x=y/2 | x=2.5 |
| % | 求余数 (保留整数) | x=y%2 | x=1 |
| ++ | 累加 | x=++y | x=6 |
| -- | 递减 | x=--y | x=4 |
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
JavaScript 赋值运算符
给定 x=10 和 y=5，下面的表格解释了赋值运算符：
| 运算符 | 例子 | 等价于 | 结果 |
|---|---|---|---|
| = | x=y | x=5 | |
| += | x+=y | x=x+y | x=15 |
| -= | x-=y | x=x-y | x=5 |
| *= | x*=y | x=x*y | x=50 |
| /= | x/=y | x=x/y | x=2 |
| %= | x%=y | x=x%y | x=0 |
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
比较运算符
比较运算符在逻辑语句中使用，以测定变量或值是否相等。
给定 x=5，下面的表格解释了比较运算符：
| 运算符 | 描述 | 例子 |
|---|---|---|
| == | 等于 | x==8 为 false |
| === | 全等（值和类型） | x===5 为 true；x==="5" 为 false |
| != | 不等于 | x!=8 为 true |
| > | 大于 | x>8 为 false |
| < | 小于 | x<8 为 true |
| >= | 大于或等于 | x>=8 为 false |
| <= | 小于或等于 | x<=8 为 true |
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
逻辑运算符
逻辑运算符用于测定变量或值之间的逻辑。
给定 x=6 以及 y=3，下表解释了逻辑运算符：
| 运算符 | 描述 | 例子 |
|---|---|---|
| && | and | (x < 10 && y > 1) 为 true |
| || | or | (x==5 || y==5) 为 false |
| ! | not | !(x==y) 为 true |
JavaScript 中的条件语句用于完成不同条件下的行为。
在您编写代码时，经常需要根据不同的条件完成不同的行为。可以在代码中使用条件语句来完成这个任务。
在 JavaScript 中，我们可以使用下面几种条件语句：
if 语句
在一个指定的条件成立时执行代码。
if...else 语句
在指定的条件成立时执行代码，当条件不成立时执行另外的代码。
if...else if....else 语句
使用这个语句可以选择执行若干块代码中的一个。
if 语句
1 2 3 4 | if (条件) { 条件成立时执行代码 } |
if...else 语句
1 2 3 4 5 6 7 8 | if (条件) { 条件成立时执行此代码 } else { 条件不成立时执行此代码 } |
if...else if...else 语句
1 2 3 4 5 6 7 8 9 10 11 12 | if (条件1) { 条件1成立时执行代码 } else if (条件2) { 条件2成立时执行代码 } else { 条件1和条件2均不成立时执行代码 } |
JavaScript条件运算符是普通if语句的简写方式，JavaScript条件运算符包括?:
简单的条件判断使用条件运算符比较方便，但不是所有的if语句都可以使用条件表达式代替。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | // 表达式语法 variablename = (condition)?value1:value2; var a = (x>y)?c:b; // 内容等价于 var a; if(x>y) { a=c; } else { a=b; } |
如果x>y为ture，则为变量a赋值c；如果为x>y为false，则为变量a赋值b
