随笔分类 -  JavaScript

九个console命令调试JS
摘要：下面九个console命令，可以帮助我们更方便地调试 常用的console命令，最常用的事console.log() console.dir()查看对象的属性和方法 console.trace()追踪函数的调用轨迹，需要知道某个函数是如何被调用的，在里面加入console.trance()就可以了 阅读全文
posted @ 2016-08-26 10:10 Lazymr 阅读(483) 评论(0) 推荐(0)
初步理解JS的事件机制
摘要：一、事件流（捕获，冒泡） 事件流：指从页面中接收事件的顺序，有冒泡流和捕获流。 当页面中发生某种事件（比如鼠标点击，鼠标滑过等）时，毫无疑问子元素和父元素都会接收到该事件，可具体顺序是怎样的呢？冒泡和捕获则描述了两种不同的顺序。 DOM2级事件规定事件流包括三个阶段，如图： 假如我们点击一个div, 阅读全文
posted @ 2016-07-12 20:33 Lazymr 阅读(19793) 评论(0) 推荐(5)
初步学习JS中的闭包
摘要：JS高级程序设计（3rd）中对闭包的定义就是一句话，首先闭包是一个函数，怎样的函数呢？有权访问另一个函数作用域中的变量 的函数。而创建闭包的常见方式就是在一个函数的内部创建另一个函数，就是嵌套函数。 闭包会涉及到的点主要有 ① 作用域链（这个原理让我们明白内部嵌套的函数是能够访问外部父函数里定义的变 阅读全文
posted @ 2016-07-12 16:17 Lazymr 阅读(1572) 评论(0) 推荐(0)
详细理解JS中的继承
摘要：正式说继承之前，有两个相关小点： JS只支持实现继承，即继承实际的方法，不支持接口继承（即继承方法的签名，但JS中函数没签名） 所有对象都继承了Object.prototype上的属性和方法。 说继承之前还要再说一下原型。原型之所以很重要，原因之一就是可以利用它来实现JavaScript的继承。重写 阅读全文
posted @ 2016-05-04 13:02 Lazymr 阅读(460) 评论(0) 推荐(0)
数组 基础
摘要：var arr=[]; 传递一个参数的话，若是数值则是项数，其他类型则是一项的值； isArray()判断是否数组； 数组转字符串： 调用数组的toLocaleString(),toString(),valueOf()返回的是以逗号相隔的每一项的字符串形式，而join()则可以不用逗号分隔，join 阅读全文
posted @ 2016-04-21 21:54 Lazymr 阅读(235) 评论(0) 推荐(0)
JavaScript中的十种操作符
摘要：① 一元操作符（参与的只有一个变量） 前置递增递减（语句解析到递增/递减时值就被改变了） 后置递增递减（整个语句执行后值再改变） 递增递减也可用于字符串，布尔值，对象等，结果都将是数值； 前置递增递减（语句解析到递增/递减时值就被改变了） 后置递增递减（整个语句执行后值再改变） 递增递减也可用于字符 阅读全文
posted @ 2016-04-19 18:54 Lazymr 阅读(302) 评论(0) 推荐(0)
数据类型即其相互转换
摘要：JavaScript中数据类型有： 三种基本数据类型： 数值，字符串，布尔； 两种小数据类型：null，undefined； 还有一个种复杂的数据类型：对象； 检测数据类型可以用typeof操作符，注意typeof只是一个操作符；它会返回number，boolean ,string object , 阅读全文
posted @ 2016-04-19 18:53 Lazymr 阅读(279) 评论(0) 推荐(1)
理解JavaScript中的this
摘要：在JavaScript中，this关键字是用来引用 调用该函数的 那个对象的。看几个栗子： 从上面的例子可以看出，this引用的是 调用该函数时“.”前面的那个对象（如 obj.funObj()、obj.aCopy() ）；如果没有通过“.”的方式而是直接调用，那么this引用的就是全局对象，换句话 阅读全文
posted @ 2016-03-17 15:27 Lazymr 阅读(264) 评论(0) 推荐(0)
理解JavaScript中的回调函数
摘要：理解回调函数，首先要知道在JavaScript中，函数也是对象，它可以赋值给变量，也可以作为参数传递给另一个函数。比如： 这里定义了一个变量add，然后将一个匿名函数赋值给了这个变量； 接下来演示将函数作为参数传递给另一个函数，换句话说就是：将一个函数放在另一个函数（如 parent）的参数列表中， 阅读全文
posted @ 2016-03-16 21:24 Lazymr 阅读(341) 评论(0) 推荐(0)
慕课-tooltip提示框总结
摘要：在慕课上学Waynej老师的tooltip浮动提示框，老师每次讲课都会强调搬砖的流程，这点在上了老师的几节课后宝宝终于体会到了：分析→设计→编码→优化分析：分析该功能到底是怎样的，其实就是需求分析，具体可通过演示过程来知道；设计：分析实现以上功能需要的技术点，详细落实html，css和js部分，分析 阅读全文
posted @ 2016-01-17 11:19 Lazymr 阅读(465) 评论(0) 推荐(0)
offsetleft 和 style.left 的区别
摘要：offsetLeft 获取的是相对于父对象的左边距；left 获取或设置相对于 具有定位属性(position定义为relative)的父对象 的左边距；如果父div的position定义为relative,子div的position定义为absolute，那么子div的style.left的值是相... 阅读全文
posted @ 2015-12-18 14:29 Lazymr 阅读(660) 评论(0) 推荐(0)