摘要: e.target的认识 阅读全文
posted @ 2017-07-03 20:35 rainbow8590 阅读(204) 评论(0) 推荐(0) 编辑
摘要: JS延迟加载的几种方法: 利用定时器 defer 属性 async 属性 动态创建DOM方式 使用jQuery的getScript()方法 在html底部加载js文件 阅读全文
posted @ 2017-06-30 20:41 rainbow8590 阅读(2092) 评论(0) 推荐(1) 编辑
摘要: position 和offset的区别 position()和offset()都是获取当前的元素的位置的,但是二者还是有一些区别的,总结一下,以免以后混淆时可以重温一遍: position(): 返回的是一个对象:{left: 100 ,top:100}; 对象中的left和top是相对于元素有定位 阅读全文
posted @ 2017-06-30 15:25 rainbow8590 阅读(129) 评论(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 阅读(415) 评论(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 阅读(934) 评论(0) 推荐(0) 编辑
摘要: javaScript的数据类型 javaScript的数据类型分为基本数据类型和复杂数据类型,还有两个特殊的数据类型: 基本数据类型: number string boolean 复杂数据类型: object function 其他数据类型: undefined null number:数字类型 整 阅读全文
posted @ 2017-06-29 20:24 rainbow8590 阅读(119) 评论(0) 推荐(0) 编辑
摘要: client offset scroll 三大家族 javaScript中的client offset scroll 经常用到,为了区分三者之间的区别,总结了一下: clientWidth:获取网页可视区域的宽度(两种用法) clientHeight: 获取网页可视区域的高度(两种用法) clien 阅读全文
posted @ 2017-06-29 20:23 rainbow8590 阅读(164) 评论(0) 推荐(0) 编辑
摘要: function的基本了解与使用 定义: 基于事件驱动,完成指定任务的可被重复使用的代码块。 特点: 重用性 可维护性 声明方式: 1.function name(){} 2.var fn = function(){} 3.var fn = new Function(can1,can2,....,函 阅读全文
posted @ 2017-06-29 20:21 rainbow8590 阅读(159) 评论(0) 推荐(0) 编辑
摘要: typeof : 用来检测数据类型的运算符 首先返回的是一个字符串,其次字符串中包含了对应的数据类型(number string boolean undefined function object) Typeof 值 值对应的数据类型 Typeif 变量名 string 多次typeof后返回 st 阅读全文
posted @ 2017-06-29 20:19 rainbow8590 阅读(156) 评论(0) 推荐(0) 编辑