- 博客(28)
- 收藏
- 关注
原创 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 290
原创 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 419
原创 运动框架
/** * 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 197
原创 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 225
原创 单例模式、惰性函数
//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 356
原创 将局部变量开放api给外部使用及链式编程
//局部变量默认外界获取不到的 function demo(){ //在函数内部定义的变量或函数等都是私有的 //1.到金库里面取金条 function money(){ alert('到金库里面取金条'); } //2.获取金库密码 function getPwd(){ alert('获取金库的密码'); } //3.私有的钱
2016-08-24 11:19:36 220
原创 闭包实现选项卡的切换
*{ 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 664
原创 ajax基础封装
(function () { //1.定义一个未定义的变量用来和其它变量比较是否是没定义 var undefined; /** * 执行ajax时一般需要6项配置 * 请求类型 * url地址 * 数据 * 是否异步 * 成
2016-08-23 10:28:22 225
原创 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 241
原创 json
<!-- city -> 插入option 中 div 中{ date_y -- 》h1 p 中{ week temp1 weather1 wind1 index } } 点击option时,切换div
2016-08-17 20:18:17 198
原创 验证验证码
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 463
转载 常用排序算法之JavaScript实现
笔试面试经常涉及各种算法,本文简要介绍常用的一些算法,并用JavaScript实现。1、插入排序1)算法简介插入排序(Insertion-Sort)的算法描述是一种简单直观的排序算法。它的工作原理是通过构建有序序列,对于未排序数据,在已排序序列中从后向前扫描,找到相应位置并插入。插入排序在实现上,通常采用in-place排
2016-08-17 08:58:15 195
原创 数组去重的两种方式
/*第一种方式 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 270
转载 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 201
转载 深入理解this
首先必须要说的是,this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个调用它的对象(这句话有些问题,后面会解释为什么会有问题,虽然网上大部分的文章都是这样说的,虽然在很多情况下那样去理解不会出什么问题,但是实际上那样理解是不准确的,所以在你理解this的时候会有种琢磨不透的感觉),那么接下来我会深入的探讨这个问题。 为
2016-08-10 17:55:28 273
原创 点击一列显示其index的三种方法
这是第一条 这是第二条 这是第三条 //第一种方式,加入index属性 /**window.onload=function(){ * var otest=document.getElementById('test'); var oli=document.getElementById('test').getElementsByTag
2016-08-10 12:03:15 2557
原创 点击按钮显示对应的图片
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 7268
原创 BOM
(2)JavaScript引擎JavaScript引擎的主要作用是,读取网页中的JavaScript代码,对其处理后运行。默认情况javascript是同步加载的,javascript的加载是阻塞的,后面的元素要等待js加载完毕后才能进行再加载。2.defer属性(只支持IE)defer属性的作用是,告诉浏览器,等到DOM加载完成后,再执行指定脚本。1、浏览器开始解析H
2016-08-09 15:48:40 206
原创 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 287
原创 数组 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 545 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 198
原创 倒计时
剩下的时间为: 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 208
原创 事件委托 事件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 197
原创 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 347
转载 javascript 中的 this
this是Javascript语言的一个关键字。它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。比如,function test(){ this.x = 1; }随着函数使用场合的不同,this的值会发生变化。但是有一个总的原则,那就是this指的是,调用函数的那个对象。下面分四种情况,详细讨论this的用法。情况一:纯粹的函数调用这是函数的最
2016-08-04 20:18:59 210
原创 事件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 189
原创 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 217
原创 Dom内容汇总
dom: 获取节点:{ 1、document.getElementById(元素id):通过元素id找到节点 2、document.getElementsByClassName(元素类名className): 通过class类名找到节点,返回的是一个集合 3、document.getElemen
2016-08-03 19:08:18 439
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人