JavaScript - 随笔分类 - var_obj

JS——undefined、null

摘要：1、undefined == false //返回false 2、null == false //返回false 3、undefined == null //返回true 4、undefined null //返回false 阅读全文

posted @ 2017-12-14 17:12 var_obj

JS——三个运用正则的方法

摘要：trim()、replace()、search() trim()IE678的兼容写法阅读全文

posted @ 2017-12-12 10:16 var_obj

JS——正则案例

摘要：验证座机号码验证中文账号表单验证阅读全文

posted @ 2017-12-11 16:09 var_obj

JS——正则

摘要：正则的声明： 1、构造函数：var 变量名= new RegExp(/表达式/); 2、直接量：var 变量名= /表达式/; test()方法： 1、正则对象方法，检测测试字符串是否符合该规则，返回true和false，参数（测试字符串） 2、Boolean = 表达式.test("要验证的内容" 阅读全文

posted @ 2017-12-11 16:02 var_obj

JS——旋转木马

摘要：1、opacity和zIndex的综合运用 2、样式的数组的替换：向右边滑动删除样式数组第一位并在数组最后添加；向左边滑动删除样式数组最后一位并在数组前添加 3、开闭原则，只有当回调函数执行完毕以后，我再次点击滑动按钮才有用阅读全文

posted @ 2017-12-11 11:24 var_obj

JS——缓动框架的问题

摘要：1、opacity问题：IE678支持filter: alpha(opacity=50)取值1-100；小数位容易精度丢失，所i有统一json字符串设置为百进制，赋值时除以100 2、zIndex问题：层级不需要徐徐渐进值的递增或者递减，而是一下赋值到目标值阅读全文

posted @ 2017-12-11 11:12 var_obj

JS——缓慢动画封装案例

摘要：手风琴 1、排他思想 2、ul宽度需要大一点，防止li撑开跑下去 3、一个变大其他所有变小，变小不能太小，不然会出现空白仿360开机 1、首先下盒子高度变为0，之后整体盒子宽度变为0 2、本例子没有用图片，最好盒子以图片形式为好阅读全文

posted @ 2017-12-07 17:31 var_obj

JS——缓慢动画封装

摘要：在知道如何获取内嵌式和外链式的标签属性值之后，我们再次封装缓慢动画：单个属性多个属性回调函数阅读全文

posted @ 2017-12-07 17:23 var_obj

JS——隐式全局变量

摘要：在函数中，var声明的是局部变量，不带var的是隐式全局变量阅读全文

posted @ 2017-12-07 11:41 var_obj

JS——样式获取的兼容写法

摘要：样式获取普通获取属性方式div.style.width或者div.style["width"]无法获取内嵌和外链式，只能获取行内式 window.getComputedStyle(div, null) 返回元素的长宽等带有单位px 第二个参数是伪类，没有填null div.currentStyle 阅读全文

posted @ 2017-12-05 17:45 var_obj

JS——冒泡案例

摘要：模态框 1、因为a链接和和顶级document都注册了单击事件，所以要阻止a链接向父级盒子冒泡，不然又会从document的单击事件走一遍 2、在document的单击事件中，只需要判断触发事件的目标元素是不是白色盒子部分就行了事件委托 1、普通注册事件没有办法为新创建的元素绑定事件。所以我们要使阅读全文

posted @ 2017-12-05 16:49 var_obj

JS——事件冒泡与捕获

摘要：事件冒泡与事件捕获 1、冒泡：addEventListener("click",fn,false)或者addEventListener("click",fn)；捕获：addEventListener("click",fn,true)。 2、区别：冒泡是从触发该事件的目标节点一层一层往上将同种类型的事阅读全文

posted @ 2017-12-05 15:16 var_obj

JS——client

摘要：clientTop、clientLeft： clientTop：盒子的上boder clientLeft：盒子的左border clientWidth与clientHeight 1、在有DTD情况下： document.body.clientWidth、document.body.clientHei 阅读全文

posted @ 2017-12-05 14:57 var_obj

JS——滚动条

摘要：1、核心思想与之前的拖拽盒子是一样的 2、完全将鼠标在盒子中的坐标给滚动条是错的，因为这样会使滚动条顶部立刻瞬间移动到鼠标位置 3、必须在鼠标按下事件时记住鼠标在滚动条内部的坐标，再将鼠标在盒子中的坐标给滚动条时要减去这个相对距离 4、超出部分内容：超出部分移动距离=滚动条需要移动的距离：滚动条移动阅读全文

posted @ 2017-12-05 09:47 var_obj

JS——拖拽盒子

摘要：注意事项： 1、opacity是全部元素变透明，rgba只是背景色变透明 2、先是注册鼠标按下的事件，此时就需要记录鼠标在盒子中的坐标 3、再在鼠标按下事件中注册鼠标移动事件，此时鼠标的坐标是不断变化的，盒子的坐标就是鼠标的坐标减去鼠标在盒子的坐标 4、top.onmousemove = funct 阅读全文

posted @ 2017-12-04 17:20 var_obj

JS——放大镜

摘要：放大镜： 1、比例系数要恒定：在系数为4的情况下，若原图是820*512，那么小图必须是205*128，放大镜若是50，原图显示区域必须200 2、计算鼠标在小图中的坐标 3、放大镜需要在鼠标中间位置，也就是鼠标在盒子中的坐标减去其宽度高度的一半 4、放大镜移动范围：marginLeft、margi 阅读全文

posted @ 2017-12-04 14:58 var_obj

JS——鼠标在盒子中的坐标

摘要：核心思想： 1、复杂版本：鼠标pageX、pageY的值减去盒子距离顶端的offsetLeft、offsetTop值就是鼠标在盒子中的坐标 2、简单版本：offsetX、offsetY就可获取鼠标相对于事件触发对象的坐标，以事件触发对象左上角为基准点阅读全文

posted @ 2017-12-04 14:46 var_obj

JS——鼠标跟随

摘要：注意事项： 1、pageX、pageY的兼容问题 2、使目标移动鼠标中间位置还必须减去盒子宽度的一半阅读全文

posted @ 2017-12-04 14:40 var_obj

JS——event

摘要：触发DOM上的某个事件时，会产生一个事件对象event，这个对象中包含着所有与事件有关的信息：普通浏览器支持 event（传参），IE678支持 window.event（无参），兼容写法： client、page、screen三者之间的区别： pageX、pageY在IE678中不支持，兼容写法阅读全文

posted @ 2017-12-04 10:41 var_obj

JS——scroll动画

摘要：固定导航栏 1、计算导航栏到顶部的距离值 2、当scrollTop值大于这个距离值就添加定位，当小于距离值后解除定位注意事项：当导航栏添加定位之后，导航栏就脱离了文档流，也就是不占位了，下面的盒子就会顶上来，所以要给下面盒子添加padding-top值两侧跟随广告 1、之前都是offsetLef 阅读全文

posted @ 2017-12-01 13:48 var_obj

站错队了同志

随笔分类 - JavaScript

公告