柯建军的博客

nul和undefined都表示”没有”,语法效果几乎没有区别

1
2
3

var a = undefined;
// 或者
var a = null;

上面两种写法几乎等价

在if语句中，他们都会自动转为false,判断相等运算符(==)报告两者相等

1
2
3
4
5
6
7
8
9
10
11
12

if (!undefined) {
  console.log('undefined is false');
}
// undefined is false

if (!null) {
  console.log('null is false');
}
// null is false

undefined == null
// true

null和undefined数据类型不一样

1
2

typeof(null);  //object
typeof(undefined); //undefined

null和undefined转为数字时不一样

1
2
3
4
5

Number(null) // 0
5 + null // 5

Number(undefined) // NaN
5 + undefined // NaN

精灵图

所谓精灵图就是将项目中的小图片合成在一张大图片上，这张大图片被称为精灵图。
精灵图可以减少服务器发送次数，减轻服务器的压力，提高页面加载速度。

使用精灵图

1.创建一个盒子，将小图片的宽高设置给盒子
2.将精灵图设置为盒子的背景图片
3.通过测量小图片的坐标，分别取负值给盒子的background-position: x y;

昨天重置系统，忘记备份文件了，结果清空磁盘后原来的文件没有了。好吧，之前写的博客全部没有了，只能重新开始搭建博客，趁着这段时间，要好好学习下前端的知识了，好久没写前端的代码，有些生疏了，后面再记录笔记吧。