javascript
qq小小布丁
内向
展开
-
JQuery中的Defferred
1、作用 $.Deferred()为耗时操作产生的 如,遍历大数组,请求后台数据等 deferred对象可以使用链式调用2、使用//存在三种状态,未完成progress、已完成resolve、失败reject//执行三种函数,done()、fail()、always()var deferred = $.Deferred();deferred.done(function(){})原创 2018-01-01 15:50:38 · 797 阅读 · 0 评论 -
javascript学习之数组
一、数组属性1、Array.lengthvar arr = [1,2,3];arr.length = 2;console.log(arr);//[1,2]arr.length = 3;console.log(arr);//[1,2,undefined x 1]用过length可以减少数组个数,如设置值大于实际长度,后面的值为undefined2、Array.prototype原创 2017-09-13 21:56:11 · 212 阅读 · 0 评论 -
js中call、apply、bind函数
1、callvar foo = { user: "liyongfen", getUser: function(){ console.log(this.user); } } var bar = foo.getUser; bar();//undefine foo.getUser();//liyongf原创 2017-08-03 00:30:08 · 250 阅读 · 0 评论 -
JS与&& 或||运算符 优先级
当进行运算时,指针从左往右,遇到操作数,则要判断该操作数的左右操作符的优先级,然后进行下一步的运算 注意,&&操作符优先级 > ||操作符,针对某个操作数的左右两边的&&或者||例如 al = 0 || 1 && 4-1 结果al = 3 先从操作数0开始,遇到第一个||,结果无法确定,结果由,右边结果确定,查看||右边操作数1 其次,对于1,右边操作符为&&,结果不能确定,结果由4-1决原创 2017-08-02 23:49:46 · 3602 阅读 · 1 评论 -
原生的js实现ajax请求
1、get和post请求function getXMLHttpRequest() { var xhr; if(window.ActiveXObject) { xhr = new ActiveXObject("Microsoft.XMLHTTP"); }else if (window.XMLHttpRequest) { xhr = new XMLHttp原创 2017-07-10 14:38:19 · 332 阅读 · 0 评论 -
modal模态框的实现
1、html实现如下:<div class="modal"> <div class="modal-content"> <div class="modal-header"> <span>添加活动</span> <span id="modal-icon-cancel" class="modal-icon-cancel">x</sp原创 2017-07-10 16:13:55 · 1288 阅读 · 0 评论 -
原生js实现获取form表单数据
//获取指定form中的所有的<input>对象 function getElements(formId) { var form = document.getElementById(formId); var elements = new Array(); var tagElements = form.getElementsByTagName('input');原创 2017-07-10 14:57:11 · 15694 阅读 · 0 评论 -
javascript点击li,显示相应的值
//直接将事件绑定到ul上,而不是绑定到li中 点击li得到相应的值 li{ padding:10px 0; background-color:red; list-style: none; margin:10px 0; } 第一个 第二个 第三个 第四个 window.onload = function(){ v原创 2016-10-20 21:34:13 · 1387 阅读 · 0 评论 -
javascript自定义对象,实现继承
实现B对象继承A对象 继承 window.onload = function(){ function A(){ this.name = "lili"; this.getName = function(){ return this.name; } this.setName = function(name){ this.name=原创 2016-10-20 18:19:20 · 235 阅读 · 0 评论 -
javascript中阻止事件冒泡,阻止事件默认行为
事件冒泡的机制:是从里向外传播的,如下代码如果没有阻止事件冒泡,则,点击span的时候,先弹出芬芬,再弹出我是芬芬事件由span传到div,其实前提是两者都绑定了点击事件,才会因为点击了span,传到div。同时绑定其他事件也一样的。 创维 window.onload = function(){ var id= document.getElementById("id")原创 2016-10-20 17:41:53 · 267 阅读 · 0 评论 -
css3学习之:transition
transition属性:property:检索或者设置对象中参与过渡的属性,可以取值none | all | property,多个属性以逗号分开duration:过渡动画的持续时间timing-function:检索或设置对象中过渡的动画类型,动画执行效果(linear、ease、ease-in、ease-out、ease-in-out)linear原创 2016-09-30 21:04:21 · 297 阅读 · 0 评论 -
javascript基础学习(1)数据类型--array
数组阅读: 121045JavaScript的Array可以包含任意数据类型,并通过索引来访问每个元素。要取得Array的长度,直接访问length属性:var arr = [1, 2, 3.14, 'Hello', null, true];arr.length; // 6请注意,直接给Array的length赋一个新的值会导致Array大小的变化:原创 2016-09-29 11:52:19 · 1195 阅读 · 1 评论 -
javascript基础学习(1)数据类型--string
JavaScript为字符串提供了一些常用方法,注意,调用这些方法本身不会改变原有字符串的内容,而是返回一个新字符串:toUpperCasetoUpperCase()把一个字符串全部变为大写:var s = 'Hello';s.toUpperCase(); // 返回'HELLO'toLowerCasetoLowerCase()把一个字符串全部变为小写:原创 2016-09-29 11:20:02 · 219 阅读 · 0 评论 -
javascript基础学习(1)数据类型--undefined和null、boolean
基本数据类型:number、string、undefined、null、boolean、object(array、function、object)1、undefined只有一个值,即特殊的undefined。在使用var声明变量但未对其加以初始化时,这个变量的值就是undefined。包含undefined值的变量与尚未定义的变量还是不一样的。var a; typeof a;//"原创 2016-09-29 10:36:57 · 1108 阅读 · 0 评论 -
js学习-数组
一、数组属性 1、Array.lengthvar arr = [1,2,3];arr.length = 2;console.log(arr);//[1,2]arr.length = 3;console.log(arr);//[1,2,undefined x 1]用过length可以减少数组个数,如设置值大于实际长度,后面的值为undefined 2、Array.prototypeif(!原创 2017-09-14 20:29:34 · 218 阅读 · 0 评论 -
js学习-函数
一、函数的属性 1、function.arguments是一个数组,将要废除,不建议使用 2、function.caller 如果该函数是在全局作用域被调用则返回null,否则返回调用他的函数名,不建议在生产环境中使用 3、function.displayName,不建议在生产环境中使用 4、function.length 函数参数的个数,默认参数不计算在内,并且遇到默认参数就不往后查看了,原创 2017-09-21 19:36:51 · 273 阅读 · 0 评论 -
js学习-对象
一、对象的属性 二、对象的方法 1、Object.assign()浅拷贝 深拷贝:let a = { b: {c:4} , d: { e: {f:1}} }let g = Object.assign({},a)let h = JSON.parse(JSON.stringify(a));2、Object.keys(obj) 返回一个obj中所有键的数组,重名的键,取最后一个,如果为空对象,原创 2017-09-21 20:03:32 · 222 阅读 · 0 评论 -
DOM
DOM 是这样规定的: 整个文档是一个文档节点 每个 XML 标签是一个元素节点 包含在 XML 元素中的文本是文本节点 每一个 XML 属性是一个属性节点 注释属于注释节点1、属性 元素节点的 nodeName 与标签名相同 属性节点的 nodeName 是属性的名称 文本节点的 nodeName 永远是 #text 文档节点的 nodeName 永远是 #document元素节原创 2017-11-12 23:38:24 · 334 阅读 · 0 评论 -
Javascript异步编程的4种方法
参考: http://www.ruanyifeng.com/blog/2012/12/asynchronous%EF%BC%BFjavascript.html 你可能知道,Javascript语言的执行环境是”单线程”(single thread)。 所谓”单线程”,就是指一次只能完成一件任务。如果有多个任务,就必须排队,前面一个任务完成,再执行后面一个任务,以此类推。这种模式的好处是实现起来转载 2017-11-12 20:36:06 · 321 阅读 · 0 评论 -
javascript忍者秘籍
1、函数是第一型对象 2、浏览器负责事件轮询和事件派发,代码负责建立事件处理程序(handler) 3、浏览器轮询是单线程的 4、回调函数 5、函数提前引用 6、作用域由函数声明,而不是代码块原创 2017-11-02 21:16:40 · 1252 阅读 · 0 评论 -
canvas
var canvas=document.createElement("canvas"),1、getContent()//设置元素为2d或者3d效果ctx=canvas.getContext("2d");2、路径//起始一条路径ctx.beginPath()//结束路径ctx.closePath()//绘制一条路径ctx.stroke()//用于填充当前绘画ctx.fill()//新增一个新原创 2017-10-22 22:56:40 · 761 阅读 · 0 评论 -
fileReader对象
实现图片预览 属性: error onload readyState result方法: readAsArrayBuffer() readAsBinaryString() readAsDataURL() readAsText()事件:<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <tit原创 2017-10-23 22:45:59 · 258 阅读 · 0 评论 -
formData对象
formData对象用于组装表单数据,以键值对的形式存在。 方法 1、append()往值集中新增值append(name, value, file)append(name, value)value可以是string,Blob,File,可以使用同一个名称添加多个值。 当一个 Blob 或 File 被作为第二个参数的时候, Blob 对象的默认文件名是 “blob”。 File 对象的默认原创 2017-10-22 15:23:15 · 1144 阅读 · 0 评论 -
XMLHttpRquest对象
属性 1、readystate [0]:Uninitialized 初始化状态。XMLHttpRequest 对象已创建或已被 abort() 方法重置。 [1]:open() 方法已调用,但是 send() 方法未调用。请求还没有被发送。 [2]:Sent Send() 方法已调用,HTTP 请求已发送到 Web 服务器。未接收到响应。 [3]:Receiving 所有响应原创 2017-10-22 12:14:08 · 648 阅读 · 0 评论 -
javascript的console对象
1、console.assert(assertion, [obj,obj2…]) 如果断言为false,就在控制台输出一个后面的对象2、console.clear() 清空控制台,如果控制台设置preserve logz则该函数不起作用3、console.count([label]) 使用参数来表明调用次数,label是可选项console.count('a');var a = 123;c原创 2017-10-29 12:49:52 · 353 阅读 · 0 评论 -
javascript的map和forEach,for性能比较
for速度比较快,forEach速度和for相当,map慢console.time('map');for (var i = 0; i < 100000; i++) { var s = new Array(100).fill('1') var arr = s.map((item, idx)=>{ return item; });}console.time原创 2017-10-28 14:48:03 · 6542 阅读 · 0 评论 -
javascript的>>>
N>>>M表示N的二进制数,右移M位,左边补0如10>>>2 1010>>>2 0010应用场景: 实现设置默认值,数字取整var len = O.length >>> 0;//表示非数字取0//所有大于等于0等数取整数部分原创 2017-10-29 11:58:45 · 1120 阅读 · 0 评论 -
javascript中in,of
in表示指定对象中含有指定属性名var arr = ['a','b','c','d'];1 in arr //true'length' in arr //truevar obj = {a:'aaa', b:'ddd', c:undefined};delete = obj.b;'a' in obj //true'b' in obj //false'c' in obj //true'toS原创 2017-10-28 16:11:36 · 992 阅读 · 0 评论 -
javascript的map中使用push和使用renturn速度比较
不管循环量大小,map比push快,量小快一倍的速度,量大快好几倍的速度console.time('map');var s1 = new Array(1000).fill('1')var arr1 = s1.map((item)=>{ return item;});console.timeEnd('map');console.time('push');var arr2 = [];原创 2017-10-28 13:25:55 · 5194 阅读 · 0 评论 -
超链接target="_blank"要增加rel="noopener"
原文:https://my.oschina.net/jsan/blog/741317 如果你在链接上使用 target=”_blank”属性,并且不加上rel=”noopener”属性,那么你就让用户暴露在一个非常简单的钓鱼攻击之下。原创 2017-10-28 13:11:30 · 2822 阅读 · 0 评论 -
javascript基础学习(1)数据类型--number
参考:http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/001434499190108eec0bdf14e704a09935cd112e501e31a000基本数据类型:number、string、undefined、null、boolean、object(function、ar原创 2016-09-29 10:16:29 · 360 阅读 · 0 评论 -
深入理解javascript(15):闭包
参考:http://www.cnblogs.com/wangfupeng1988/p/3994065.html前面提到的上下文环境和作用域的知识,除了了解这些知识之外,还是理解闭包的基础。至于“闭包”这个词的概念的文字描述,确实不好解释,我看过很多遍,但是现在还是记不住。但是你只需要知道应用的两种情况即可——函数作为返回值,函数作为参数传递。第一,函数作为返回值原创 2016-09-27 18:14:52 · 328 阅读 · 0 评论 -
javascript连=符号
var a = {n:1}; var b = a; // 持有a,以回查 //a.x = a = {n:2}; a = a.x = {n:2}; console.log(a.x);// --> undefined console.log(b.x);// --> {n:2}a.x = a = {n:2}; a = a.x = {n:2}; a = a.x原创 2016-09-26 20:10:36 · 442 阅读 · 0 评论 -
javascript的选择器、节点属性
一、获取html元素,选择器1、document.getElementById("id")Document对象的该方法通过id获取元素,在低于IE8版本的浏览器中,getElementById()对匹配元素的ID不区分大小写,而且也返回匹配name属性的元素。2、document.getElementsByName("name")Document对象的该方法通过name属性获取原创 2016-10-20 19:21:44 · 7805 阅读 · 0 评论 -
javascript节点
节点 = 元素 = 每一个html标签节点:文档节点、元素节点、属性节点、文本节点、注释节点一、元素节点的属性1)element.id:设置或返回元素的id2)element.className:设置或者返回元素的类3)element.title:设置或者返回元素的title4)element.nodeType:返回节点的类型,1表示元素,2表示属性,3表示文本,原创 2016-10-21 20:17:09 · 228 阅读 · 0 评论 -
js引用和赋值
转载请注明:http://www.tea119.comjavascript对象引用与赋值//例子一: 引用var myArrayRef = new Array(0,1,2); //创建数组对象var mySeconArrayRef = myArrayRef; // 对象复制.myArrayRef[0] = 100; // 修改元素值ale原创 2016-09-26 17:29:54 · 695 阅读 · 0 评论 -
js执行顺序
JavaScript执行引擎并非一行一行地分析和执行程序,而是一段一段地分析执行的。而且在分析执行同一段代码中,定义式的函数语句会被提取出来优先执行。函数定义执行完后,才会按顺序执行其他代码。才会按顺序执行其他代码。例1: function a(){ console.log("kkk"); } a();//sss function a(){ console.log(原创 2016-09-26 16:35:41 · 413 阅读 · 0 评论 -
浏览器console调试
1、常规信息输出console.log("测试"); console.warn("测试"); console.error("测试"); console.info("测试"); 2、常规信息分组console.group("第一组开始");console.log("第一组第一条");console.log("第一组第二条");console.groupEnd(原创 2016-09-26 15:34:01 · 694 阅读 · 0 评论 -
javascript--document对象
每个载入浏览器的 HTML 文档都会成为 Document 对象。Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。一、document对象的属性1、title2、url3、cookie4、domain二、decument对象方法1、open()2、close()3原创 2016-10-11 11:51:13 · 330 阅读 · 0 评论 -
javascript--location对象
Location 对象包含有关当前 URL 的信息。Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问。一、location对象的属性1、search返回和设置url查询部分,即?之后部分2、hash设置和返回url#号后面的3、host4、hostname5、port6、pro原创 2016-10-11 11:37:26 · 218 阅读 · 0 评论