2016年08月_zoekitty

原创 h5拖放2

DragDrop.js/** * Created by wwtliu on 16/6/28. */(function(){ var disX = 0; var disY = 0; var minZindex = 1; var aPos = []; function setDrag(obj,aLi) { obj.onmou

2016-08-31 10:39:50 281

原创 h5拖放1

02drag img.html #box{ width: 500px; height: 500px; margin: 20px auto; background: pink; } //1.获取元素 var img = document.getElementById('img');

2016-08-31 09:58:33 399

原创运动框架

/** * Created by Administrator on 2016/6/28. */var Tween = { Linear: function (t, b, c, d) { return c * t / d + b; }, Quad: { easeIn: function (t, b, c, d) {

2016-08-30 14:50:37 188

原创 ajax登录

function ajax(callback,data) { //创建ajax对象 //未优化的 var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject() var xhr = new (window.XMLHttpRequest ? XMLHttpR

2016-08-24 20:17:41 208

原创单例模式、惰性函数

//1.定义一个对象 var obj = { //2.初始化方法 init:function(){ //3.如果自己的xhr有值真的就直接返回自己的xhr属性 if(this.xhr){ return this.xhr; }else{ alert('没有属性初始化一次'); //4.如果自己的x

2016-08-24 15:04:51 342

原创将局部变量开放api给外部使用及链式编程

//局部变量默认外界获取不到的 function demo(){ //在函数内部定义的变量或函数等都是私有的 //1.到金库里面取金条 function money(){ alert('到金库里面取金条'); } //2.获取金库密码 function getPwd(){ alert('获取金库的密码'); } //3.私有的钱

2016-08-24 11:19:36 202

原创闭包实现选项卡的切换

*{ margin: 0; padding: 0; list-style:none; } #list{ text-align: center; overflow: hidden; } #list li{ float: left; width: 20px; line-height:20px; background:#ccc;

2016-08-24 10:41:50 647

原创 ajax基础封装

(function () { //1.定义一个未定义的变量用来和其它变量比较是否是没定义 var undefined; /** * 执行ajax时一般需要6项配置 * 请求类型 * url地址 * 数据 * 是否异步 * 成

2016-08-23 10:28:22 213

原创 ajax兼容问题代码

var oBtn=document.getElementById("btn"); oBtn .onclick=function(){ //打开浏览器 /** var xhr=null; if(window.XMLHttpRequest){//window.XMLHttpRequest window下的MLHttpRequest若不存在返回的是u

2016-08-19 09:16:09 226

原创 json

<!-- city -> 插入option 中 div 中{ date_y -- 》h1 p 中{ week temp1 weather1 wind1 index } } 点击option时，切换div

2016-08-17 20:18:17 186

原创验证验证码

input{width:60px;height:40px;border:1px solid yellow;} span{width:40px;height:40px;border: 1px solid blue;display:inline-block;} //随机获取验证码 function getRandomStr(length){

2016-08-17 20:16:39 442

转载常用排序算法之JavaScript实现

笔试面试经常涉及各种算法，本文简要介绍常用的一些算法，并用JavaScript实现。1、插入排序1）算法简介插入排序（Insertion-Sort）的算法描述是一种简单直观的排序算法。它的工作原理是通过构建有序序列，对于未排序数据，在已排序序列中从后向前扫描，找到相应位置并插入。插入排序在实现上，通常采用in-place排

2016-08-17 08:58:15 183

原创数组去重的两种方式

/*第一种方式 var hash ={ key :value, "hello":true, "node":true, "world":true };*/ function unique() { var arr = ["hello","world","node","hello","node","node","node

2016-08-15 21:20:03 254

转载 JavaScript中call,apply,bind方法的总结。

why？call,apply,bind干什么的？为什么要学这个？　　一般用来指定this的环境，在没有学之前，通常会有这些问题。var a = { user:"追梦子", fn:function(){ console.log(this.user); }}var b = a.fn;b(); //undefined我们是

2016-08-10 18:16:30 187

转载深入理解this

首先必须要说的是，this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象（这句话有些问题，后面会解释为什么会有问题，虽然网上大部分的文章都是这样说的，虽然在很多情况下那样去理解不会出什么问题，但是实际上那样理解是不准确的，所以在你理解this的时候会有种琢磨不透的感觉），那么接下来我会深入的探讨这个问题。　　为

2016-08-10 17:55:28 259

原创点击一列显示其index的三种方法

这是第一条这是第二条这是第三条 //第一种方式，加入index属性 /**window.onload=function(){ * var otest=document.getElementById('test'); var oli=document.getElementById('test').getElementsByTag

2016-08-10 12:03:15 2519

原创点击按钮显示对应的图片

img{display:none;} 请选择图片1 图片2 图片3 图片4 var arr=["1.png","2.png","3.png","4.png"]; var imgShow=document.getElementById('imgshow');

2016-08-10 12:00:59 7159

原创 BOM

(2)JavaScript引擎JavaScript引擎的主要作用是，读取网页中的JavaScript代码，对其处理后运行。默认情况javascript是同步加载的，javascript的加载是阻塞的，后面的元素要等待js加载完毕后才能进行再加载。2.defer属性（只支持IE）defer属性的作用是，告诉浏览器，等到DOM加载完成后，再执行指定脚本。1、浏览器开始解析H

2016-08-09 15:48:40 192

原创 y数组 join();concat();pop();push();

.数组（1）数组的定义数组（array）是按次序排列的一组值。每个值的位置都有编号（从0开始），整个数组用方括号表示。var arr = ['a', 'b', 'c'];上面代码中的a、b、c就构成一个数组，两端的方括号是数组的标志。a是0号位置，b是1号位置，c是2号位置。除了在定义时赋值，数组也可以先定义后赋值。var arr = [];arr[0] = ‘

2016-08-08 17:20:30 273

原创数组 shift（）;slice（）;splice();indexof();lastIndexof();

shift()用于删除数组的第一个元素并返回该元素&可以遍历循环并清空一个数组var ashift=['a','b','c','d','f']; console.log(ashift.shift());//a/这部分是循环遍历并清空一个数组 var item; while(item=ashift.shift()){ console.log(item);/

2016-08-07 22:07:54 531 3

原创事件10

window.onbeforeunload=function(event){ var event=event||window.event; if(event){ returnValue="您要离开吗？";//chrome只会出现这句 } return "are you sure to leave";//Ie 前

2016-08-07 11:32:06 184

原创倒计时

剩下的时间为： function timer(){ var ts = (new Date(2017, 7, 3, 18, 20, 0)) - (new Date());//计算剩余的毫秒数 var dd= parseInt(ts / 1000 / 60 / 60 / 24);//计算剩余的天数 var hh = parseInt(ts

2016-08-07 11:12:53 197

原创事件委托事件10

点我 var tarD = document.getElementById("tar"); tarD.addEventListener("click",function(e){ console.log(e); console.log(e.target); //是事件发起者or事件作用对象 console.log(e.currentTarg

2016-08-06 13:33:49 182

原创 sort()排序

var a=[1,11,111,2,22,222]; a.sort(function(n1,n2){ return n1-n2; }); alert (a);与下面的效果同，原理同，只是代码更精简var a=[1,11,111,2,22,222]; a.sort(function(n1,n2){ if(n1<n2){

2016-08-05 09:07:32 332

转载 javascript 中的 this

this是Javascript语言的一个关键字。它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。比如，function test(){　　　　this.x = 1;　　}随着函数使用场合的不同，this的值会发生变化。但是有一个总的原则，那就是this指的是，调用函数的那个对象。下面分四种情况，详细讨论this的用法。情况一：纯粹的函数调用这是函数的最

2016-08-04 20:18:59 196

原创事件09

.div1{width:200px;height:200px;background: lawngreen;} //DOM0监听事件只能在冒泡阶段触发、定义两次相同click会被覆盖 var Div1=document.getElementsByClassName('div1').item(0);//[0]也可以 Div1.onclick=functio

2016-08-04 19:22:15 172

原创 DocumentFragment

这里讲解DocumentFragment。//主体部分 var Old=document.getElementById('old'); var New=document.getElementById('new'); function old_function(){ for(var i=0;i<500;i++){

2016-08-04 10:08:08 201

原创 Dom内容汇总

dom: 获取节点：{ 1、document.getElementById(元素id):通过元素id找到节点 2、document.getElementsByClassName(元素类名className): 通过class类名找到节点，返回的是一个集合 3、document.getElemen

2016-08-03 19:08:18 387

Discovery