js/jq
文章平均质量分 67
qq_36273128
这个作者很懒,什么都没留下…
展开
-
js拖拽面向对象
//关于 this问题指向,函数里面还有函数的话,必须要把第一个函数的this保存下来给第二个函数访问。 window.onload=function(){ var t=new drag("box") t.init(); } function drag(name){ this.div=document.getElementById(name); this.x; this.y;原创 2016-10-09 10:22:39 · 334 阅读 · 0 评论 -
h5本地存储
Web Storage分为两种: sessionStorage localStorage 从字面意思就可以很清楚的看出来,sessionStorage将数据保存在session中,浏览器关闭也就没了;而localStorage则一直将数据保存在客户端本地; 保存数据:localStorage.setItem(key,value); 读取数据:localStorage....原创 2018-07-24 11:08:32 · 1453 阅读 · 0 评论 -
面向对象原型prototype
function tab(name,age){ this.age=age; this.name=name; this.content=function(){//有点低效 return this.name; } } tab.prototype.init=function(){//原型方法 return this.age; } var tab=new tab("haha","18...原创 2018-07-24 11:07:31 · 155 阅读 · 0 评论 -
jq插件制作
根据《jQuery高级编程》的描述,jQuery插件开发方式主要有三种: 通过$.extend()来扩展jQuery 通过$.fn 向jQuery添加新的方法 通过$.widget()应用jQuery UI的部件工厂方式创建 通常我们使用第二种方法来进行简单插件开发,说简单是相对于第三种方式。第三种方式是用来开发更高级jQuery部件的,该模式开发出来的部件带有很多jQuery内建的特性...原创 2018-07-24 11:08:14 · 1066 阅读 · 0 评论 -
js数组排序 reverse()和sort()方法的使用 复制数组slice()和克隆数组concat()
reverse() 方法 在原数组,用于颠倒数组中元素的顺序。 var arr=['1','2','5','3','10','20','21']; arr.reverse(); console.log(arr) 打印出["21", "20", "10", "3", "5", "2", "1"] 颠倒 ,没有进行排序 sort()方法 在原数组,用于对数组的元素进行排序。 var原创 2016-11-08 15:33:13 · 755 阅读 · 0 评论 -
js选项卡修改成面向对象
.display{display:block} div{display:none} var li=document.getElementsByTagName("li"); var div=document.getElementsByTagName("div"); cc(li,div); function cc(li,div){ for(var i=0;i l原创 2016-10-08 15:09:19 · 185 阅读 · 0 评论 -
js查找大小值
arr=[11,85,96,35,24,56,87,49,12,36];//定义个数组 var arrmax=Math.max.apply(Math,arr)//获取数组最大值 var arrmin=Math.min.apply(Math,arr)//获取数组最小值 //打印最大最小值 console.log(arrmax) console.log(arrmin)原创 2016-10-08 14:59:47 · 145 阅读 · 0 评论 -
数组去重和splice() 方法split()跟join()数组方法pop() push() unshift() shift()
数组去重 var arr=['1','2','2','5','3','10','3','10','20','21']; var a=[]; function array(arr){ for(var i=0;i if(a.indexOf(arr[i]) a.push(arr[i]) } } return a; } array(arr) console.log(a) spli原创 2016-11-08 16:45:34 · 786 阅读 · 0 评论 -
call跟apply以及回调函数callback
apply:方法能劫持另外一个对象的方法,继承另外一个对象的属性. Function.apply(obj,args)方法能接收两个参数 obj:这个对象将代替Function类里this对象 args:这个是数组,它将作为参数传给Function(args-->arguments) call:和apply的意思一样,只不过是参数列表不一样. Function.ca...原创 2018-07-24 11:08:52 · 1135 阅读 · 0 评论 -
js事件冒泡与事件委托
事件冒泡 div里面有个按钮button,button添加个点击事件,点击按钮时会触发父级div;div也会执行同样的事件,这就是冒泡事件,逐级上升。 事件捕获是从最外层到最内层,与冒泡事件最里层到最外层相反。 让利用事件冒泡的原理,让自己的所触发的事件,让他的父元素代替执行! 事件委托是利用事件的冒泡原理来实现的。绑定父级添加个事件,就可以让子级触发相同的事件,不用一个个的遍历,比较方便...原创 2018-07-24 11:07:48 · 212 阅读 · 0 评论 -
js 添加 移除 替换 插入
添加、移除、替换、插入 appendChild() //添加 removeChild() //移除 replaceChild() //替换 insertBefore() //插入 window.onload=function(){ // var box=document.getElementById("box"); //添加 appendChild() 先用createEle原创 2016-11-06 00:17:43 · 1031 阅读 · 0 评论 -
js拖拽思想
拖拽。。。 //定于个div;拖拽要用position:absolute 绝对定位 var div=document.getElementsByClassName("box")[0]; div.onmousedown=function(e){ var e=e||event; //这里主要为了把鼠标的位置定在div内 //鼠标位置减去div的移量;得出鼠标出现在div的位置为x,y原创 2016-10-08 17:52:55 · 290 阅读 · 0 评论 -
ajax jsonp跨域请求遍历
前端代码: $.ajax({ type:"get", url:"http://localhost/js.php", dataType: 'jsonp', jsonp:"callback", success:function(data){ alert(data.name); }, error:function(){原创 2016-10-10 10:47:13 · 408 阅读 · 0 评论 -
es6新特性去重set() array.from()
数组 var arr=[1,2,3,2,3,4,5]; var set =new Set(arr); Array.from(set); console.log(set) 打印出原创 2018-07-24 11:19:39 · 3879 阅读 · 0 评论