摘要: 介绍 这个插件可以实现获取随机数的功能,可以指定长度,也可以使用默认的长度,获取的随机值是大小写字母和数字的组合。 使用方式 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) 编辑
摘要: this使用总结 在function我们会经常遇到this,下面总结了一些规律来判断this的对象是谁: 全局作用域中的this指向window; This的区分: 1.函数执行,首先看函数名前面是否有'.',有的话,'.'前面是谁this就是谁;没有的话this就是window; 2.自执行函数中 阅读全文
posted @ 2017-06-29 20:19 rainbow8590 阅读(150) 评论(0) 推荐(0) 编辑
摘要: 同步和异步 JS是属于单线程的,也就是我们说的同步,但是JS中也有异步; JS中的异步编程: 1.定时器: 多个定时器时,如果执行完成循环都到达时间了,先执行时间短的那个服务器 2.事件绑定 : js是基于事件驱动的,只有事件触发才会执行对应的代码 3.回调函数也可以理解为异步编程 4.在Ajax中 阅读全文
posted @ 2017-06-29 20:18 rainbow8590 阅读(1636) 评论(0) 推荐(0) 编辑
摘要: Ajax Ajax主要是与服务器进行交换数据,在不重新加载整个页面的情况下,更新部分网页,也就是按需加载。是一种用于创建快速动态网页的技术。 Ajax是遵循同源策略的:端口号 协议 域名 完全相同。有一个不相同就不能进行交互。 Ajax四步: var xhr = new XMLHttpRequest 阅读全文
posted @ 2017-06-29 20:16 rainbow8590 阅读(123) 评论(0) 推荐(0) 编辑
摘要: 对象的特性: 1.继承性 2.封装性 3.多态性 对象的属性和方法可以重写(子类重写父类的方法);但不能重载(JS中没有重载,但可以通过参数个数的判断来模拟重载)。 创建对象的方式: 1.字面量形式: var obj = {} 2.内置对象创建: var obj = new Object(); 3. 阅读全文
posted @ 2017-06-29 20:14 rainbow8590 阅读(116) 评论(0) 推荐(0) 编辑
摘要: for循环与自执行函数 一般情况下,for循环输出的值都是判断条件的最后一个值,但是当for循环里面的代码是一个自执行函数时有会出现怎样的情况呢,下面我尝试了几种情况: for(var i = 0 ; i 阅读全文
posted @ 2017-06-29 20:12 rainbow8590 阅读(2329) 评论(0) 推荐(0) 编辑
摘要: for循环和闭包 今天记录for循环和闭包的使用: for(var i = 0 ; i 2 f(); 3 fn()(); 2 先找局部作用域中的,局部没有找上级,上级还没有,就一直往上级找,直到window(全局作用域)。 闭包的扩展:jQuery jquery本身就是一个大的闭包。 1.$('di 阅读全文
posted @ 2017-06-29 20:10 rainbow8590 阅读(371) 评论(0) 推荐(0) 编辑
摘要: 通常情况下,因为一些效果我们需要获取到for循环中的i的值,但是往往拿到的都是最后一个i的值。下面介绍几种方法可以获取到i的值 1.自定义属性 arr[i].index = i; 2 自执行函数: for(var i = 0 ; i 阅读全文
posted @ 2017-06-29 20:08 rainbow8590 阅读(1474) 评论(0) 推荐(0) 编辑
摘要: ` FormData 对象,可以把form中所有表单元素的name与value组成一个queryString,提交到后台。在使用Ajax提交时,使用FormData对象可以减少拼接queryString的工作量。 1.创建一个FormData空对象,然后使用append方法添加key/value v 阅读全文
posted @ 2017-06-29 20:04 rainbow8590 阅读(151) 评论(0) 推荐(0) 编辑
摘要: 数据绑定的操作 做前端就免不了与后台的交互,当我们获取到了从后台传输过来的数据后怎么操作它呢,在介绍方法之前先了解两个名词: DOM的回流(重排 reflow):当页面中的html结构发生改变(增加。删除元素,位置发生改变....),浏览器都需要从新计算一遍最新的DOM结构,重新对当前页面进行渲染。 阅读全文
posted @ 2017-06-29 20:03 rainbow8590 阅读(145) 评论(0) 推荐(0) 编辑
摘要: · DOM的映射机制:页面中的标签和JS获取到的元素对象是紧紧地绑定在一起的,html结构改变了,JS中不需要重新获取集合里的内容也会跟着改变。 var lis = document.getElementsByTagName_r('li'); console.log(lis.length) n // 阅读全文
posted @ 2017-06-29 20:00 rainbow8590 阅读(664) 评论(0) 推荐(0) 编辑
摘要: 传输协议 传输协议:客户端给服务器端的内容和服务器端传递给客户端的内容都是通过http传输协议进行传输的。 HTTP: 超文本传输协议,除了传输文本外还可以传输其他的东西,例如XML HTTPS:由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议 FTP:文件传输协议,应用于把项目源文件 阅读全文
posted @ 2017-06-29 19:58 rainbow8590 阅读(191) 评论(0) 推荐(0) 编辑
摘要: ` URI:URL+URN 统一资源标识符(统一资源信息); URN:统一资源名称; URL:统一资源定位符; 假如这是请求的地址:http://www.qq.com:80/index.html?name=qq bbs; http: 传输协议:客户端给服务器端的内容和服务器端传递给客户端的内容都是通 阅读全文
posted @ 2017-06-29 19:57 rainbow8590 阅读(118) 评论(0) 推荐(0) 编辑
摘要: 轮播 点击图片弹出轮播图: 实现效果: 1.鼠标经过图片改变图片的透明度 2.点击图片,弹出遮罩层 3.点击遮罩层左右箭头,实现轮播; 4.点击遮罩层图片以外的部分,关闭遮罩层 html: ` ` css: { margin: 0; padding: 0; } img{ border: none; 阅读全文
posted @ 2017-06-29 19:54 rainbow8590 阅读(1201) 评论(0) 推荐(0) 编辑
摘要: http: 这个模块用来创建http服务。 创建服务: http.createServer(fucntion(req,res){ //这个回调函数是用户输入地址发送请求后触发 设置响应头: res.writeHead(200,{'content type':'text/html;charset=ut 阅读全文
posted @ 2017-06-29 19:53 rainbow8590 阅读(2182) 评论(0) 推荐(0) 编辑