摘要：
介绍 这个插件可以实现获取随机数的功能，可以指定长度，也可以使用默认的长度，获取的随机值是大小写字母和数字的组合。 使用方式 rid() 输出长度为7的字符串随机数 rid(10) 输出长度为10的字符串随机数 js代码 ;(function(global){ var randomId = { ri 阅读全文
摘要：
点击浏览器的刷新按钮刷新 我们在做前端网站的时候往往会遇到用户点击刷新的行为，下面这个事件是JS为用户点击刷新按钮时触发的事件。 这个事件是在用户关闭页面之前和刷新页面时触发： 里面的两行代码为：刷新页面时就让网页从头显示。scrollTop有兼容性，请将兼容性写完整，保证各个浏览器之间的正常执行。 阅读全文
摘要：
javaScript的数据类型 javaScript的数据类型分为基本数据类型和复杂数据类型，还有两个特殊的数据类型： 基本数据类型： number string boolean 复杂数据类型： object function 其他数据类型： undefined null number：数字类型 整 阅读全文
摘要：
client offset scroll 三大家族 javaScript中的client offset scroll 经常用到，为了区分三者之间的区别，总结了一下： clientWidth：获取网页可视区域的宽度(两种用法) clientHeight： 获取网页可视区域的高度(两种用法) clien 阅读全文
摘要：
function的基本了解与使用 定义： 基于事件驱动，完成指定任务的可被重复使用的代码块。 特点： 重用性 可维护性 声明方式： 1.function name(){} 2.var fn = function(){} 3.var fn = new Function(can1,can2,....,函 阅读全文
摘要：
this使用总结 在function我们会经常遇到this，下面总结了一些规律来判断this的对象是谁： 全局作用域中的this指向window; This的区分： 1.函数执行，首先看函数名前面是否有'.',有的话，'.'前面是谁this就是谁;没有的话this就是window； 2.自执行函数中 阅读全文
摘要：
typeof ： 用来检测数据类型的运算符 首先返回的是一个字符串，其次字符串中包含了对应的数据类型（number string boolean undefined function object） Typeof 值 值对应的数据类型 Typeif 变量名 string 多次typeof后返回 st 阅读全文
摘要：
同步和异步 JS是属于单线程的，也就是我们说的同步，但是JS中也有异步; JS中的异步编程： 1.定时器： 多个定时器时，如果执行完成循环都到达时间了，先执行时间短的那个服务器 2.事件绑定 ： js是基于事件驱动的，只有事件触发才会执行对应的代码 3.回调函数也可以理解为异步编程 4.在Ajax中 阅读全文
摘要：
Ajax Ajax主要是与服务器进行交换数据，在不重新加载整个页面的情况下，更新部分网页，也就是按需加载。是一种用于创建快速动态网页的技术。 Ajax是遵循同源策略的：端口号 协议 域名 完全相同。有一个不相同就不能进行交互。 Ajax四步： var xhr = new XMLHttpRequest 阅读全文
摘要：
对象的特性： 1.继承性 2.封装性 3.多态性 对象的属性和方法可以重写(子类重写父类的方法)；但不能重载(JS中没有重载，但可以通过参数个数的判断来模拟重载)。 创建对象的方式： 1.字面量形式: var obj = {} 2.内置对象创建: var obj = new Object(); 3. 阅读全文
摘要：
for循环与自执行函数 一般情况下，for循环输出的值都是判断条件的最后一个值，但是当for循环里面的代码是一个自执行函数时有会出现怎样的情况呢，下面我尝试了几种情况： for(var i = 0 ; i 阅读全文
摘要：
for循环和闭包 今天记录for循环和闭包的使用： for(var i = 0 ; i 2 f(); 3 fn()(); 2 先找局部作用域中的，局部没有找上级，上级还没有，就一直往上级找，直到window(全局作用域)。 闭包的扩展：jQuery jquery本身就是一个大的闭包。 1.$('di 阅读全文
摘要：
通常情况下，因为一些效果我们需要获取到for循环中的i的值，但是往往拿到的都是最后一个i的值。下面介绍几种方法可以获取到i的值 1.自定义属性 arr[i].index = i; 2 自执行函数： for(var i = 0 ; i 阅读全文
摘要：
` FormData 对象，可以把form中所有表单元素的name与value组成一个queryString，提交到后台。在使用Ajax提交时，使用FormData对象可以减少拼接queryString的工作量。 1.创建一个FormData空对象，然后使用append方法添加key/value v 阅读全文
摘要：
数据绑定的操作 做前端就免不了与后台的交互，当我们获取到了从后台传输过来的数据后怎么操作它呢，在介绍方法之前先了解两个名词： DOM的回流（重排 reflow）:当页面中的html结构发生改变（增加。删除元素，位置发生改变....），浏览器都需要从新计算一遍最新的DOM结构，重新对当前页面进行渲染。 阅读全文
摘要：
· DOM的映射机制：页面中的标签和JS获取到的元素对象是紧紧地绑定在一起的，html结构改变了，JS中不需要重新获取集合里的内容也会跟着改变。 var lis = document.getElementsByTagName_r('li'); console.log(lis.length) n // 阅读全文
摘要：
传输协议 传输协议：客户端给服务器端的内容和服务器端传递给客户端的内容都是通过http传输协议进行传输的。 HTTP： 超文本传输协议,除了传输文本外还可以传输其他的东西，例如XML HTTPS：由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议 FTP：文件传输协议，应用于把项目源文件 阅读全文
摘要：
` URI：URL+URN 统一资源标识符(统一资源信息); URN：统一资源名称; URL：统一资源定位符； 假如这是请求的地址：http://www.qq.com:80/index.html?name=qq bbs; http： 传输协议：客户端给服务器端的内容和服务器端传递给客户端的内容都是通 阅读全文
摘要：
轮播 点击图片弹出轮播图： 实现效果： 1.鼠标经过图片改变图片的透明度 2.点击图片，弹出遮罩层 3.点击遮罩层左右箭头，实现轮播； 4.点击遮罩层图片以外的部分，关闭遮罩层 html: ` ` css: { margin: 0; padding: 0; } img{ border: none; 阅读全文
摘要：
http: 这个模块用来创建http服务。 创建服务： http.createServer(fucntion(req,res){ //这个回调函数是用户输入地址发送请求后触发 设置响应头： res.writeHead(200,{'content type':'text/html;charset=ut 阅读全文