在开发人员的工具箱中,断点是最重要的调试技术之一。 你可以在希望暂停调试器执行的任何位置设置断点。 例如,你可能想要查看代码变量的状态,或查看某个断点处的调用堆栈。...1.编写程序 编写一个简单的顺序结构语句。 ? (输出结果:) ? 2.设置断点 在想设置断点的语句之前用鼠标左键单击,之后会在语句之前显示一个红点,也就是断点 ?...4.调试程序 目前所显示的是调试界面 ?...最后点击步出,跳转到程序最后的位置。 ?
前言 apply() 的作用有两个: 1. 改变 this 指向 2....将数组入参变为一般入参 刚开始看到 apply() 时,对它的用法非常模糊,而且不易理解,通过查找相关文章,才慢慢的明白它的妙用 2....person.fullName() 调用 this.firstName 和 this.lastName 这两个属性,this 指向 person,但它没有这两个属性 使用 apply() 方法可以改变...this 的指向,将 this 的指向改为 person1,所以 person.fullName() 方法就可以成功访问到 this.firstName 和 this.lastName 这两个属性的值了...注意,这里的第一个参数值为 null,也就是没有改变 this 的指向 Math.max.apply(null, [, , ])
前言 现在jquery越来越没落了,但是我们的老项目还在用jquery,要更换就必须了解哪些和jquery等效的js方法。...对象合并 jquery $.extend(true,a,b) js Object.assign(a,b) 获取元素 jquery $("#aa"); $(".aa"); $("span"); js document.querySelector...("#aa"); document.querySelector(".aa"); document.querySelector("span"); querySelector 匹配指定 CSS 选择器的第一个元素...属性获取与赋值 jquery $(".aa").attr("data-url"); $(".aa").attr("data-url","www.psvmc.cn"); js document.querySelector...crosshair'; 获取宽高 jquery $(".aa").width; $(".aa").height; $("#aa").offset().left; $("#aa").offset().top; js
Js捕获异常的方法 JavaScript的异常主要使用try catch finally语句以及窗口对象window的onerror事件来捕获。...try catch finally try catch finally只能捕获运行时的错误,无法捕获语法错误,可以拿到出错的信息,堆栈,出错的文件、行号、列号。...,当运行时错误产生时,Error的实例对象会被抛出,Error对象也可用于用户自定义的异常的基础对象,Js内建了几种标准错误类型: EvalError: 创建一个error实例,表示错误的原因:与eval...SyntaxError: 创建一个error实例,表示错误的原因:eval()在解析代码的过程中发生的语法错误。...window.onerror window.onerror可以捕捉语法错误,也可以捕捉运行时错误,可以拿到出错的信息,堆栈,出错的文件、行号、列号,只要在当前window执行的Js脚本出错都会捕捉到,通过
断点续传主要原理是是HTTP1.1(RFC2616)中定义header中定义的Range和contentRange字段 Range : 用于请求头中,指定第一个字节的位置和最后一个字节的位置,一般格式...: Range:(unit=first byte pos)-[last byte pos] Content-Range: 用于响应头,指定整个实体中的一部分的插入位置,他也指示了整个实体的长度。...在服务器向客户返回一个部分响应,它必须描述响应覆盖的范围和整个实体长度。...可以通过使用HTTP报文首部字段Range实现范围请求 对一份10000字节大小的资源,如果使用范围请求,可只请求5001~10000字节内的资源。...如果服务器无法响应范围请求,则会返回状态码200 OK和完整的实体内容。 因此,在进行断点续传时,只需使用范围请求,通过指定HTTP请求报文首部字段Range来请求尚未收到的资源。
JS 数组常用的方法(个人感觉) 1. forEach() 循环,无法在中间停止 2. some() 循环,找到符合条件的之后,可以通过 return true 退出循环 3. every() 测试数组中的所有元素是否都能通过某个指定函数的测试...amount, item) => (amount += item.price * item.count), 0); console.log(amount); //返回70 6. map() map()方法把调用它的数组的每一个元素分别传给指定的函数...,第二个参数是要删除的元素个数,之后的参数是要插入的元素,返回删除的数组 console.log(a); console.log(a.slice(3)); // 只有一个参数,则删除数组开头到起点的全部元素...; console.log(a.split(",")); 16. sort() sort()方法对数组元素按字母顺序对数组元素排序 let arr = [1, 2, 11, 23, 22, 111,...所以,要实现升序排序,可以按下面的方法 let arr = [1, 2, 11, 23, 22, 111, 12, 9, 8]; console.log( arr.sort((a, b) => {
大家好,又见面了,我是你们的朋友全栈君 法一:使用for…in…循环 var obj = { '0':'a', '1':'b', '2':'c'}; for(let i in obj){
大家好,又见面了,我是你们的朋友全栈君。 indexOf()简介 indexOf()是js中内置的方法之一,它的功能大家都很熟悉:简单来说就是得到数据的索引,对于正则不熟练的人,是个很不错的方法。...如果查询到返回索引,反之返回-1(固定用法); 因为indexOf()在不同类型使用的时候可能有细节性的注意点; 这里我们对不同数据类型使用IndexOf的场景进行讨论(其实就是string和array...) 注:(暂不讨论两个参数时(第二个参数为查询的起始位置),以及lastIndexOf()) String类型使用indexOf(); String中的indexOf方法 (话不多说直接上代码,不跟你多...()是对数据进行了隐式类型转换的,如果参数是数值它会转换为字符来进行查询然后返回索引,本质原因是什么呢,那就是 我们js底层代码中String.prototype.indexOf()使用的是==进行比较判断...; Number类型的IndexOf() 醒醒,Number类型哪来的indexOf()方法,会直接报错的好吗, 如果想对数值类型的进行查询索引,可以将数值转换为字符再进行查询,方法有很多: –
js的sort方法的使用 简介 本文讲解,js中的sort方法的使用。 数字排序 当function(x, y)得到的返回值小于0, x会被移动到y的前面。...------------升序,从小到大(return x - y) 当function(x, y)得到的返回值大学0, x会被移动到y后面。...------------降序,从大到小(return y - x) 当function(x, y)得到的返回值等于0 x和y的位置相对不变,不是所有浏览器都遵守 unicode排序 排序的优先级是,...arr = ["不要吃", "dont't eat", "Dont't eat", 8888]; arr.sort(); console.log(arr) 运行结果 可以看出来这个运行结果是,按照上面说的规则的
本文转载:http://www.cnblogs.com/StudyLife/archive/2013/03/11/2953516.html 本文不是基于B/S的 后台调用前台js方法,而是给你一段js方法字符串...,让你在程序中直接解析这段方法,并调用方法得到想要的值。...首先要解析Js方法,可以用微软的msscript.ocx控件(Interop.MSScriptControl.dll)来解析js方法. 1.msscript.ocx下载的地址 http://www.microsoft.com...js方法,并调用js方法返回值。...不过这儿可以将控件类的一些属性和方法封装成单独的类,方便自己调用。 封装成ScriptEngine类。
js实用方法记录-指不定哪天就会用到的js方法 常用或者不常用都有 判断是否在微信浏览器中 测试代码:isWeiXin()==false /** * 是否在微信中 */ function...document.documentElement.clientHeight && getScrollTop()>getScrollHeight()/4){//有滚动条且滚动条距离顶部在四分之外 //显示回到顶部浮层什么的~
sort()方法 目录 定义和用法 代码实例1 代码实例2 返回值 注意 定义和用法 用于对数组的元素进行排序 代码实例1 var arr = new Array(3) arr[...0] = 1 arr[1] = 3 arr[2] = 2 console.log(arr.sort()) 代码解析 如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,按照字符编码的顺序进行排序...[2] = 22222 console.log(arr.sort(sortNumber)) 代码解析 如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字...返回值:返回a-b即为升序,返回b-a即为降序 此种方式只适用于对数字升降序排序 返回值 对数组的引用 注意 数组在原数组上进行排序,不生成副本(即用过arr.sort()方法后...,arr也会跟着改变为排完序的情况)
数组方法:在Array.prototype中定义 ECMAScript3: 12个 join reverse sort concat slice splice push\pop unshift\shift...ECMAScript6: 6个 Array.from Array.of copyWithin find findIndex fill ECMAScript7: 1个 includes 字符串方法...ECMAScript5: 1个 trim ECMAScript6: 8个 includes startsWith endsWith at repeat padStart\padEnd 字符串模板 对象方法...Object.create ECMAScript6: Object.is Object.assign Object.setPrototypeOf() Object.getPrototypeOf() 迭代的方法
Object.keys() Object.keys 返回一个所有元素为字符串的数组,其元素来自于从给定的object上面可直接枚举的属性。这些属性的顺序与手动遍历该对象属性时的一致。...循环对象属性的时候,使用for...in;遍历数组的时候的时候使用for...of。...for...in循环出的是key,for...of循环出的是value for...of是ES6新引入的特性。...修复了ES5引入的for...in的不足 for...of不能循环普通的对象,需要通过和Object.keys()搭配使用 注释: for...of循环不会循环对象的key,只会循环出数组的value,...(不包含结束位置上的字符串) 5. find 和 findIndex find 方法返回第一个满足条件的值,如果没有满足条件的值,find 会返回 undefined findIndex 方法则返回这个值在数组里的索引
大家好,又见面了,我是你们的朋友全栈君。...//如果列表中有存在给定的值就删除 // function removeClass(ele,txt){ // var str = ele.className, // ary = str.split
①replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。...).html() 结果,通过children获取的值为:null,而通过find获取的值为:4 这是为什么呢?...通过children获取的是该元素的下级元素,而通过find获取的是该元素的下级所有元素。 ...toggleClass("blue"); css() - 设置或返回样式属性 ⑤jQuery 删除 remove() - 删除被选元素(及其子元素) empty() - 从被选元素中删除子元素(不删除本身元素) ⑥js...关联的值"); myMap.set("c", "和键keyFunc关联的值"); console.log(myMap); console.log(myMap.size); // 读取值
map 这里的map不是“地图”的意思,而是指“映射”。...[].map(); 基本用法跟forEach方法类似: array.map(callback,[ thisObject]); callback的参数也类似: [].map(function(value..., index, array) { // ... }); map方法的作用不难理解,“映射”嘛,也就是原数组被“映射”成对应新数组。...,我们可以利用map方法方便获得对象数组中的特定属性值们。...emails.join(", ")); // zhang@email.com, jiang@email.com, li@email.com Array.prototype扩展可以让IE6-IE8浏览器也支持map方法
fruits.splice(2,0,”Lemon”,”Kiwi”); fruits 输出结果: Banana,Orange,Lemon,Kiwi,Apple,Mango ---- 定义和用法 splice() 方法用于添加或删除数组中的元素...注意:这种方法会改变原始数组。 返回值 如果仅删除一个元素,则返回一个元素的数组。 如果未删除任何元素,则返回空数组。 ----
windows 方法 window.close(); //关闭窗口 window.alert("message"); //弹出一个具有OK按钮的系统消息框,显示指定的文本 window.confirm..., "Default"); //提示用户输入信息,接受两个参数,即要显示给用户的文本和文本框中的默认值,将文本框中的值作为函数值返回 window.status //可以使状态栏的文本暂时改变 window.defaultStatus...//默认的状态栏信息,可在用户离开当前页面前一直改变文本 window.setTimeout("alert('xxx')", 1000); //设置在指定的毫秒数后执行指定的代码,接受2个参数,要执行的代码和等待的毫秒数...window.clearTimeout("ID"); //取消还未执行的暂停,将暂停ID传递给它 window.setInterval(function, 1000); //无限次地每隔指定的时间段重复一次指定的代码...//URL中主机名后的部分,如/pictures/index.htm location.search //执行GET请求的URL中的问号后的部分,又称查询字符串,如?
总结几个不太熟练的js对象方法。...false console.log(p.hasOwnProperty('address')); // true isPrototypeOf() isPrototypeOf() 是 Object函数(类)下的一个方法...方法是以sourceObj为targetObj的原型对象创建一个新的空对象,我用这个来验证sourceObj是不是targetObj的原型对象,结果为true Object.defineProperty...console.log(Object.getPrototypeOf(newObj));// { name: 'yft' } Object.entries() Object.entries() 静态方法返回一个数组...User.prototype === Object.getPrototypeOf(u)); // true Object.setPrototypeOf() Object.setPrototypeOf() 静态方法可以将一个指定对象的原型
领取专属 10元无门槛券
手把手带您无忧上云