2017年4月22日
js 获取元素宽
摘要： 第一种情况就是宽高都写在样式表里，就比如#div1{width:120px;}。这中情况通过#div1.style.width拿不到宽度，而通过#div1.offsetWidth才可以获取到宽度。第二种情况就是宽和高是写在行内中，比如style="width:120px;"，这中情况通过上述2个方法 阅读全文
posted @ 2017-04-22 17:26 快乐的咸鱼 阅读(7007) 评论(0) 推荐(0) 编辑
想知道什么是回调函数？就看懂这个例子!
摘要： talk is cheap show U the code! 先定义 doit 函数，有一个参数 callback。这个 callback 就是回调函数，名字可以任意取。看函数体，先定义三个变量 a,b,c。然后调用 callback 函数。最后返回一个值。 下面就调用 doit 函数了。要注意的是 阅读全文
posted @ 2017-04-22 15:03 快乐的咸鱼 阅读(860) 评论(0) 推荐(0) 编辑
2017年4月21日
利用事件冒泡实现简单的网页计算器
摘要： 效果: 代码: 阅读全文
posted @ 2017-04-21 19:28 快乐的咸鱼 阅读(374) 评论(0) 推荐(0) 编辑
JavaScript 中 this：
摘要： 在绑定事件时，this指定的是被绑定的那个html元素，比如： 结果： press里的this指的就是canvas. 阅读全文
posted @ 2017-04-21 19:12 快乐的咸鱼 阅读(147) 评论(0) 推荐(0) 编辑
js 变量与属性的区别
摘要： 在全局作用域下， 表明全局变量x，属性b，都是window的属性，因为在全局作用域下，浏览器默认会创建一个window对象。 说明变量x不能通过delete进行删除，但是属性y可以通过delete进行删除； 函数内的变量： 构造函数内的属性: 属性可以o.x调用，但变量不能o.x调用。 阅读全文
posted @ 2017-04-21 19:10 快乐的咸鱼 阅读(1090) 评论(0) 推荐(0) 编辑
jQuery attr 与 prop 区别最简单分析
摘要： 比较经典的解释: 在处理html元素本身就带有的固有属性时，使用prop方法，对于html元素中，我们自己定义的dom属性时，使用attr方法。 而咱自己的理解是: attr会忠实的获取设置dom标签中的任何字符串，里面有的，都能读取，而且是什么就读取什么，不会隐身转换，没有的读取的值为‘undef 阅读全文
posted @ 2017-04-21 19:05 快乐的咸鱼 阅读(243) 评论(0) 推荐(0) 编辑
Js事件处理模型/周期
摘要： 有3个阶段 1、 捕获阶段：由外向内，记录各级父元素上绑定的事件处理函数 只记录，不触发。 2、 目标触发：优先触发目标元素上的事件处理函数。 3、 冒泡：由内向外，按捕获的顺序的相反的方向，依次执行父元素上的事件处理函数。 过程如下图所示: 如果希望阻止某些冒泡行为,如表单验证失败时,不允许提交, 阅读全文
posted @ 2017-04-21 19:01 快乐的咸鱼 阅读(723) 评论(0) 推荐(0) 编辑
canvas实现点击带水纹的按钮
摘要： 咱今天在闲逛网页时,看到一个点击带水纹的按钮特效,尼玛,写的还挺好,先看效果: 于是就奔着升级版的拿来主义,别人的好东西,咱都要拿来滴,so,扒代码! 完整代码在最后,是经过我的改进优化滴. 在这里先分析一下功能,就两个核心点. 1.获取当前鼠标点击位置,注意这里要用 offsetX/Y,不能用sc 阅读全文
posted @ 2017-04-21 18:30 快乐的咸鱼 阅读(2740) 评论(0) 推荐(1) 编辑
2017年4月20日
js作用域问题
摘要： js中的作用域是词法性质的，即在那里定义，其作用域就在那里，比如 这里的test定义在rn内部，其作用域就在rn内部，所以第二个alert(x); 的值为 1； 再看下面： test虽然在rn内调用，但是定义在rn外部，所以不能使用var x=1的变量，即第二个alert为undefined 阅读全文
posted @ 2017-04-20 00:21 快乐的咸鱼 阅读(165) 评论(0) 推荐(0) 编辑
2017年4月19日
js 函数里的 this
摘要： 1,当作为纯粹的函数调用时,　this指向调用出的环境的上下文,看下面的例子 test()是在全局作用域里调用的,所以this就是指向全局作用域属性(window属性),而与test()函数里的x无关. 2,当作为对象调方法用时,this指的就是对象引用符'.'最前面的东东, 即作为某个对象的方法调 阅读全文
posted @ 2017-04-19 23:35 快乐的咸鱼 阅读(238) 评论(0) 推荐(0) 编辑