JavaScript
明日晴空
加油啦~
展开
-
阻止事件冒泡
事件的冒泡(Bubble)- 所谓的冒泡指的就是事件的向上传导,当后代元素上的事件被触发时,其祖先元素的相同事件也会被触发- 在开发中大部分情况冒泡都是有用的,如果不希望发生事件冒泡可以通过事件对象来取消冒泡取消冒泡,可以将事件对象的cancelBubble设置为true,即可取消冒泡:obj.onclick = function(event){event = even原创 2018-01-23 18:18:08 · 297 阅读 · 0 评论 -
==与===的区别
== 只要判断值一样,就能返回true,不判断数据类型;=== 需要判断值,也要判断数据类型,都一样才返回true;如: var a=1,b="1"; if(a==b){ alert(1); } //结果是会执行的,弹出1 if(a===b){ alert(1); } //不执行,因为条件不成立,数据类型不一样;...原创 2018-04-28 10:46:04 · 189 阅读 · 0 评论 -
浮点数的占用内存及自增自减问题
1.浮点数值需要的内存大由于保存浮点数值比保存整数的内存要大两倍,所以如果小数点后面没有跟任何数字,那么这个数值就可以运用整数值来保存;var floatNum1=1. //建议直接写1var floatNum2=10.0 //直接写102.parseInt()和parseFloat() 因为ECMAscript 3版本和ECMAscript 5版本存在分歧,所以建议加第二个参数;...原创 2018-04-28 10:40:56 · 2270 阅读 · 0 评论 -
str[index]与str.charAt(index) 有什么区别
我们知道用str[]和str.charAt(index) 都可以用来获取字符串中索引位置的数据,那这两种方式有什么区别呢?区别1:当index的取值不在str的长度范围内,str[index]放回undefined,charAt(index)放回空字符串;区别2:str[index]不兼容ie6-ie8,charAt(index)可以兼容;另:使用中括号[]的方式,不容易区分这个变量是字符串还是数...原创 2018-04-28 10:37:16 · 4265 阅读 · 0 评论 -
clientX、pageX、screenX、offsetX、layerX的区别
screenX,screenY:鼠标相对于用户显示器屏幕左上角的坐标; pageX,pageY:鼠标相对于文档左上角的坐标,pageY=clientY+scrollY clientX,clientY:鼠标相对于当前浏览器窗口左上角的坐标,pageY=clientY+scrollY offsetX,offsetY:鼠标相对于触发事件的元素位置内容区左上角的坐标; layerX,lay...原创 2018-05-04 13:49:06 · 968 阅读 · 0 评论 -
事件的委派(委托)
一、什么是事件的委派? 事件的委派也叫事件代理,简单理解就是:原本是某个元素需要绑定的事件,现在将这个事件交给别的元素去做,正常我们把它交给父级元素,比如:原本是给li绑定点击事件,现在交给它父级ul绑定,利用冒泡原理,点击li的时候会触发ul的事件;二、事件委派有什么好处? 1.提升性能: 比如要给100个li安装点击事件,正常我们会用for循环去个每个li安装,这样...原创 2018-05-03 11:37:33 · 3897 阅读 · 0 评论 -
分页插件(简易版)
// 功能需求分析 // 1.有个内容显示区(创建内容并打印) // 2.有个分页按钮显示区(创建按钮并打印) // 3.内容显示区要显示的条数(分页大小) // 4.点击按钮可以打印内容并按钮进行切换(给按钮绑定点击事件),可以用事件委托或创建元素的时候同时绑定事件; <div id="contantBox"></div>...原创 2018-05-08 20:41:26 · 585 阅读 · 0 评论 -
个人对原型对象的理解
显式原型:prototype 指向函数的原型对象隐式原型:__proto__ 也指向函数的原形对象1. 每个函数function都有一个prototype,即显式原型;function Fn(){}console.log(Fn.prototype)注:通过Function.prototype.bind方法构造出来的函数是个例外,它没有prototype属性。2. 每个实例对象都有一个__pr...原创 2018-02-26 21:11:42 · 315 阅读 · 0 评论 -
为元素绑定多个响应函数
1、第一种方法 (这个方法不支持IE8及以下的浏览器!)addEventListener()// btn01.addEventListener("click",function(){// alert(1);// },false)// btn01.addEventListener("click",function(){// alert(2);// },false)2、原创 2018-01-20 09:29:00 · 354 阅读 · 0 评论 -
js 判断一个时间戳距离当前时间多久
传入一个时间戳,判断距离当前多久,返回几分钟、几小时、几天、几个月;当大于1年,直接输出时间格式/*** 参数 diffValue 时间戳* */function getDate(diffValue){ var minute = 60; var hour = minute * 60; var day = hour * 24; var month = day ...原创 2019-08-06 17:18:33 · 4875 阅读 · 0 评论