fisher-zh-CSDN博客

原创 javascript拖拽盒子移动的实现

原理比较简单，可以参照之前的文章javascript淘宝主图放大镜功能帮助理解。 *{ margin: 0; padding: 0; } #box{ position: absolute; left: 50px; top: 50px; width: 200px; height: 200px;

2016-10-12 20:14:08 3997

原创 javascript事件的绑定

由于html是从上至下加载的，通常我们如果在head部分引入javascript文件，那么我们都会在javascript的开头添加window.onload事件，防止在文档问加载完成时进行DOM操作所出现的错误。如果有多个javascript文件，那么极有可能出现多个window.onload事件，但是最后起作用的只有一个，这时候就需要使用事件绑定来解决这个问题了。IE方式attachEv

2016-10-12 17:23:13 289

原创 javascript阻止冒泡和默认事件（默认行为）

阻止冒泡。冒泡简单的举例来说，儿子知道了一个秘密消息，它告诉了爸爸，爸爸知道了又告诉了爷爷，一级级传递从而引起事件的混乱，而阻止冒泡就是不让儿子告诉爸爸，爸爸自然不会告诉爷爷了。下面的domo就是很好的例子。 #box{ width: 300px; height: 300px; background: red;

2016-10-12 16:28:03 1442

转载学习Javascript闭包（Closure）

在javascript中，子函数可以读取父函数中的变量，而父函数却无法读取子函数中的变量，就像是儿子可以花父亲的钱，而父亲却不能花儿子的钱。而闭包要做的就是把儿子的钱拿出来给父亲花。闭包通过在子函数的内部定义一个新的函数fn，fn可以读取子函数中所有的局部变量，我们把fn作为返回值，这时候我们就可以在子函数的外部读取子函数中所有的局部变量了。这就像儿子不孝然后小孩子拿爸爸的钱给爷爷一样。

2016-10-11 17:18:27 228

原创 javascript数据类型和变量命名规范

javascript数据类型和变量命名规范

2016-10-11 17:07:43 448

转载 javascript事件列表

事件浏览器支持解说一般事件onclickIE3、N2鼠标点击时触发此事件ondblclickIE4、N4鼠标双击时触发此事件onmousedownIE4、N4按下鼠标时触发此事件onmouseupIE4、N4鼠标按下后松开鼠标时触发此事件

2016-10-11 16:04:21 229

原创 javascript函数的声明、调用、传参和返回值

在javascript中函数的声明方法有两种：function func (){ alert("hello,world");}var func =new Function (alert("hello,world"));var func = function(){ alert("hello,world");}第一种属于声明式函数，而第二种称为函数构造函数又

2016-10-11 15:58:47 2797

原创 css3 3D旋转特效

最近自己的网站正在制作，由于是个人网站，所以我傲娇的抛弃了IE，痛快的用起了css3和html5的诸多特效，然而问题亦随之而来。这篇文章的主要讲解在使用css3的3D旋转的时候遇到的文章，错误之处，还望各位看官老爷评论中指出。3D旋转，难点在与其处在一个三维的空间中，我们需要发挥一下空间想象力在头脑中构建它的结构，同时，它的坐标系是随着所做的3D变化而改变的，所以在进行变换的过程中，不同变换动

2016-10-09 14:41:35 1795

原创 javascript获取非行间样式的函数封装

获取非行间样式的函数封装

2016-09-28 18:59:14 807 1

原创 javascript中常见问题总结（长期更新）

1、javascript是单线程的，当你使用setInterval函数的时候并不是真正暂停，而是先挂起这个事件，继续执行下面的事件，而当这个事件要执行时，如果浏览器当前没有任务，那么它会立马执行，但是如果浏览器有任务，那么就会有一定的延迟。JavaScript 运行机制详解：再谈Event Loop2、在IE下当我想在img标签上层显示一个div元素时，此时如果该div的background为

2016-09-27 19:38:51 371

原创基于原生javascript的淡入淡出函数封装（兼容IE）

在开发的过程中，我们要做淡入淡出效果的话，我们完全可以使用jQuery的fadeTo()方法。但是我们的目的不只是会用，而是理解程序底层的逻辑。这篇文章主要就是利用原生的javascript实现淡入淡出的效果。构建框架，基本没难度。透明度函数的封装 #box{ width: 200px; height: 200px; backgroun

2016-09-27 18:24:20 629

原创基于原生javascript的图片轮播domo

现在很多javascript的插件都可以实现图片轮播的功能，这篇文章，主要是通过这个domo来解析javascript图片轮播的原理。老规矩，先上代码。至于代码中的图片，随便找三张即可，最核心的还是理解其思想。html：滚动图

2016-09-23 16:37:23 588

原创 javascript匀速动画和缓冲动画

关于网页中的动画，在css3中我们已经可以使用一些属性快速的做出来，但是有时候为了浏览器的兼容性我们还是需要使用js来制作网页中的动画。使用js做动画最重要的一个函数就是setInterval函数，这里不再赘述，不懂可以直接百度用法。本文主要讲动画的原理已经在制作过程中的要点。老规矩，先上代码，能直接看懂的可以节省时间。html部分： move

2016-09-16 12:14:59 1682

原创 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 576

原创 javascript淘宝主图放大镜功能

工欲善其事，必先利其器。要想实现某一个模块的功能，我们必须要知道他的原理。放大镜的功能就是通过获取鼠标在小图中的位置，然后根据大小图的尺寸比例换算出大图需要显示的部分，然后使用定位让大图要显示的部分出现在右边的边框内。

2016-09-13 20:04:56 5717 2

原创 javascript中float类型计算的精确度问题

在平时的使用过程中，发现使用float类型在进行计算的时候，有些数字在进行计算后，小数点后面的位数明显变多，并且最后一位不为零，和正常的计算结果产生了误差。首先看一下我的代码。求和 function add(){ var a1 = document.getElementById('add1').value; var

2016-09-07 19:15:14 1669

原创 css3中background-clip和background-origin的区别

主要介绍css3中的background-clip和background-origin的区别.

2016-08-31 19:25:00 1155

原创关于布局中float的常见问题及解决办法

在网页的布局中，我们经常要使用到float在进行元素的排版，那么随之而来的就是许多的问题，个人在开发过程中最常见的问题主要就是两种，一种是元素的浮动导致的布局混乱的问题，另一种是浮动后的盒子模型塌陷问题。首先，要了解浮动就要先了解网页布局的原理。个人认为，网页在布局的过程中你可以把它看成是一个三维立体的空间，常规流元素因为重力的原因是在最底层依次按顺序往下排，而absolute

2016-08-27 11:07:25 3952