- 博客(8)
- 资源 (4)
- 收藏
- 关注
原创 javascript中常见问题总结(长期更新)
1、javascript是单线程的,当你使用setInterval函数的时候并不是真正暂停,而是先挂起这个事件,继续执行下面的事件,而当这个事件要执行时,如果浏览器当前没有任务,那么它会立马执行,但是如果浏览器有任务,那么就会有一定的延迟。JavaScript 运行机制详解:再谈Event Loop 2、在IE下当我想在img标签上层显示一个div元素时,此时如果该div的background为
2016-09-27 19:38:51 380
原创 基于原生javascript的淡入淡出函数封装(兼容IE)
在开发的过程中,我们要做淡入淡出效果的话,我们完全可以使用jQuery的fadeTo()方法。但是我们的目的不只是会用,而是理解程序底层的逻辑。这篇文章主要就是利用原生的javascript实现淡入淡出的效果。 构建框架,基本没难度。 透明度函数的封装 #box{ width: 200px; height: 200px; backgroun
2016-09-27 18:24:20 643
原创 基于原生javascript的图片轮播domo
现在很多javascript的插件都可以实现图片轮播的功能,这篇文章,主要是通过这个domo来解析javascript图片轮播的原理。 老规矩,先上代码。至于代码中的图片,随便找三张即可,最核心的还是理解其思想。 html: 滚动图
2016-09-23 16:37:23 620
原创 javascript匀速动画和缓冲动画
关于网页中的动画,在css3中我们已经可以使用一些属性快速的做出来,但是有时候为了浏览器的兼容性我们还是需要使用js来制作网页中的动画。 使用js做动画最重要的一个函数就是setInterval函数,这里不再赘述,不懂可以直接百度用法。本文主要讲动画的原理已经在制作过程中的要点。 老规矩,先上代码,能直接看懂的可以节省时间。 html部分: move
2016-09-16 12:14:59 1721
原创 JavaScript中的style.width/height和offsetWidth/height区别
关于style.width/height和offsetWidth/height,他们都可以返回对象的宽度,但是两者又有很大的区别。 总结: 1.offsetWidth属性可以返回对象的padding+border+width属性值之和,style.width返回值就是定义的width属性值。 2.offsetWidth属性仅是可读属性,而style.width是可读写的。 3.offset
2016-09-14 23:31:21 599
原创 javascript淘宝主图放大镜功能
工欲善其事,必先利其器。要想实现某一个模块的功能,我们必须要知道他的原理。 放大镜的功能就是通过获取鼠标在小图中的位置,然后根据大小图的尺寸比例换算出大图需要显示的部分,然后使用定位让大图要显示的部分出现在右边的边框内。
2016-09-13 20:04:56 5779 2
原创 javascript中float类型计算的精确度问题
在平时的使用过程中,发现使用float类型在进行计算的时候,有些数字在进行计算后,小数点后面的位数明显变多,并且最后一位不为零,和正常的计算结果产生了误差。首先看一下我的代码。 求和 function add(){ var a1 = document.getElementById('add1').value; var
2016-09-07 19:15:14 1718
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人