前端JS小坑集锦

我在做一些JS项目的时候经常遇到一些小坑，现在决定将它们记录下来，也供童鞋们参考和指正。
1.$(...).on is not a function 解决方案。
解：出现这个错误的原因是引入的jQuery的插件版本过低，此版本的jQuery中不包含on()方法。解决办法是：可以引入较高的版本 如 jquery-1.8.3.min.js。(相关知识：之前的使用的bind()、delegate()、live()这三种方法在jQuery1.8之后都不推荐使用，官方在1.9时已经取消使用live()方法了，所以建议都使用on()方法。）
2.区别background和background-image的使用。
解：css中background是背景设置的集合,而background-image只是设置背景的图片样式。
background后可加背景颜色,背景图片及图片排列样式,和结构对齐样式,可以说控制了整个背景的属性。
3.Number()将部分非数字类型转换为0。
强制转换为数值类型函数：(1)parseFloat、parseInt
对非数值类型统一返回NaN，但是会将一部分符合数值类型的字符串也识别为数值。
如：parseFloat(“1s”)//1，不是想要的结果
(2)Number 对于字符串必须全部符合数值类型才会转换成功,但是会将部分非数值类型转换为0
如：Number(null)//0，不是想要的结果
4.split(“,”)函数会返回长度为1的数组
(1)参数不传，返回包含原字符串对象，长度为1的数组。

"".split()//[""]
"xxcanghai".split()//["xxcanghai"]

(2)参数传空字符串，返回将原字符串每个字符分隔的数组
若原字符串为空字符串则返回空数组

"".split("")//[]
"xxcanghai".split("")//["x", "x", "c", "a", "n", "g", "h", "a", "i"]

(3)原字符串为空字符串，参数不为空时，会返回包含一个空字符串的数组

"".split(",")//[""]，错误，应为[]
"".split("xxcanghai")//[""]，错误，应为[]

可见，原字符串长度为0，且分隔符长度大于0时，会返回一个包含空字符串的数组。
因为这个问题，导致了各种各样的bug。

我的个人博客地址：http://xiuchundu.github.io/ ，欢迎交流~~。