个人网站重构

1 占位图片生成

<img src="http://placehold.it/350x150">

不用引入任何外部文件，会自动形成对应数字大小的图片。

2 关于伪元素和伪类

css3 为了区分两者，已经明确规定了伪类用一个冒号来表示，而伪元素则用两个冒号来表示。

p::first-letter{font-size:24px;}
a:hover{color:red;}

其实再写的时候发现如果是<b></b> 是无法使用 b::first-letter 的。 查阅后发现，first-letter和first-line伪元素只能用于块级元素.

最后这么写p:first-type-of::first-letter{font-size:24px;}

3 创建自己的基本css样式文档

本人基本使用的是less.

4 代码规范

1 变量的命名一般最好用名词开头
函数的命名前缀最好用动词开头

var myCount = 10;
function  getName() {
}

2 变量声明

        var nowTime = new Date(); // 获取当前时间
            timeArray =[];
            todayTime ,weekTime ,twoWeekTime ,monthTime ;//获取时间

由于函数的声明提前机制，及时把变量声明写到后面也会提到顶层，所以最好直接先声明变量

3 函数调用

//函数名和左边括号之间没有空格
timing(twoWeekTime,todayTime);

4 函数

function () {
  ....
}
function getTime(obj,maxDate) {
  ..... 
}