摘要: e.target的认识 阅读全文
posted @ 2017-07-03 20:35 rainbow8590 阅读(198) 评论(0) 推荐(0) 编辑
摘要: JS延迟加载的几种方法: 利用定时器 defer 属性 async 属性 动态创建DOM方式 使用jQuery的getScript()方法 在html底部加载js文件 阅读全文
posted @ 2017-06-30 20:41 rainbow8590 阅读(2088) 评论(0) 推荐(1) 编辑
摘要: position 和offset的区别 position()和offset()都是获取当前的元素的位置的,但是二者还是有一些区别的,总结一下,以免以后混淆时可以重温一遍: position(): 返回的是一个对象:{left: 100 ,top:100}; 对象中的left和top是相对于元素有定位 阅读全文
posted @ 2017-06-30 15:25 rainbow8590 阅读(125) 评论(0) 推荐(0) 编辑
摘要: e.offsetX/e.clientX/e.pageX/e.screenX的区别 没有标注的是各浏览器都支持的: e.offsetX:鼠标相对于事件源的X方向的距离( firfox 不支持) e.offsetY:鼠标相对于事件源的Y方向的距离( firfox 不支持) e.clientX:距离浏览器 阅读全文
posted @ 2017-06-30 14:52 rainbow8590 阅读(388) 评论(0) 推荐(0) 编辑
摘要: 介绍 这个插件可以实现获取随机数的功能,可以指定长度,也可以使用默认的长度,获取的随机值是大小写字母和数字的组合。 使用方式 rid() 输出长度为7的字符串随机数 rid(10) 输出长度为10的字符串随机数 js代码 ;(function(global){ var randomId = { ri 阅读全文
posted @ 2017-06-29 20:33 rainbow8590 阅读(252) 评论(0) 推荐(0) 编辑
摘要: 点击浏览器的刷新按钮刷新 我们在做前端网站的时候往往会遇到用户点击刷新的行为,下面这个事件是JS为用户点击刷新按钮时触发的事件。 这个事件是在用户关闭页面之前和刷新页面时触发: 里面的两行代码为:刷新页面时就让网页从头显示。scrollTop有兼容性,请将兼容性写完整,保证各个浏览器之间的正常执行。 阅读全文
posted @ 2017-06-29 20:25 rainbow8590 阅读(897) 评论(0) 推荐(0) 编辑
摘要: javaScript的数据类型 javaScript的数据类型分为基本数据类型和复杂数据类型,还有两个特殊的数据类型: 基本数据类型: number string boolean 复杂数据类型: object function 其他数据类型: undefined null number:数字类型 整 阅读全文
posted @ 2017-06-29 20:24 rainbow8590 阅读(118) 评论(0) 推荐(0) 编辑
摘要: client offset scroll 三大家族 javaScript中的client offset scroll 经常用到,为了区分三者之间的区别,总结了一下: clientWidth:获取网页可视区域的宽度(两种用法) clientHeight: 获取网页可视区域的高度(两种用法) clien 阅读全文
posted @ 2017-06-29 20:23 rainbow8590 阅读(163) 评论(0) 推荐(0) 编辑
摘要: function的基本了解与使用 定义: 基于事件驱动,完成指定任务的可被重复使用的代码块。 特点: 重用性 可维护性 声明方式: 1.function name(){} 2.var fn = function(){} 3.var fn = new Function(can1,can2,....,函 阅读全文
posted @ 2017-06-29 20:21 rainbow8590 阅读(155) 评论(0) 推荐(0) 编辑
摘要: this使用总结 在function我们会经常遇到this,下面总结了一些规律来判断this的对象是谁: 全局作用域中的this指向window; This的区分: 1.函数执行,首先看函数名前面是否有'.',有的话,'.'前面是谁this就是谁;没有的话this就是window; 2.自执行函数中 阅读全文
posted @ 2017-06-29 20:19 rainbow8590 阅读(149) 评论(0) 推荐(0) 编辑