前端JS小坑集锦
来源:互联网 发布:下载微博软件 编辑:程序博客网 时间:2024/05/18 22:11
我在做一些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/ ,欢迎交流~~。
- 前端JS小坑集锦
- 前端小tip集锦
- JS 小知识 集锦
- Android小坑集锦
- 前端集锦
- 前端面试集锦(三)js中的作用域
- 【面试集锦】好未来前端面试题---JS实现轮播图
- 【前端】js小技巧(持续更新)
- 前端面试js小总结(一)
- js前端调试的几个小技巧
- 前端开发中js小技巧
- JS集锦
- JS集锦
- js集锦
- js 集锦
- JS集锦
- js前端页面中js方法名字设置小注意
- 前端插件工具集锦
- 原来你是我最想留住的幸运
- 数组排序之选择排序
- 《C++ Concurrency In Action》part5 同步并发操作(下)
- 说说进程与线程的区别与联系
- 【安全牛学习笔记】上传漏洞基础知识
- 前端JS小坑集锦
- python---实战3统计特定时间次数(文件操作、替换、列表、排序、去重、元组、集合)
- 复习:tcp和udp
- CentOS6/7防火墙设置
- C程序,简单模仿扫雷游戏,10行 10列
- Canvas的基本使用——常用的Api方法(2):clip*裁剪方法
- 我的读书笔记——Serial收集器
- CS231n Convolutional Neural Networks for Visual Recognition
- 10.19