JS
文章平均质量分 79
大雄-dx
这个作者很懒,什么都没留下…
展开
-
js事件委托(事件代理)
js中的事件委托或是事件代理详解起因:1、这是前端面试的经典题型,要去找工作的小伙伴看看还是有帮助的;2、其实我一直都没弄明白,写这个一是为了备忘,二是给其他的知其然不知其所以然的小伙伴们以参考;概述:那什么叫事件委托呢?它还有一个名字叫事件代理,JavaScript高级程序设计上讲:事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。那这是什么意思...转载 2018-07-08 12:29:21 · 160 阅读 · 0 评论 -
关于跨域请求数据的文章(超全)
JavaScript跨域总结与解决办法什么是跨域JavaScript出于安全方面的考虑,不允许跨域调用其他页面的对象。但在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦。这里把涉及到跨域的一些问题简单地整理一下:首先什么是跨域,简单地理解就是因为JavaScript同源策略的限制,a.com 域名下的js无法操作b.com或是c.a.com域名下的对象。更详细的说明...转载 2018-07-26 01:03:56 · 171 阅读 · 0 评论 -
如何确定this指向?
this的值是在运行时确定的JS中的this究竟代表什么,这是在程序运行时根据上下文环境确定,可以分为以下几种情况。1. 全局作用域中的this在全局作用域中,this指向window对象。console.log(this);//指向window对象this.x = 5//在全局作用域内创建一个x//与this.x = 5的等价情况://var x = 5;//x = 5;在全局作用域中...转载 2018-07-07 21:40:36 · 667 阅读 · 0 评论 -
JSON(JavaScript object notation)(很详细,值得一读)
一、JSON是一种格式,基于文本,优于轻量,用于交换数据如果没有去过JSON的官方介绍可以去一下这里,官方介绍第一、二段已经很清楚地表述了JSON是什么,我将JSON是什么提炼成以下几个方面:1. 一种数据格式什么是格式?就是规范你的数据要怎么表示,举个栗子,有个人叫“二百六”,身高“160cm”,体重“60kg”,现在你要将这个人的这些信息传给别人或者别的什么东西,你有很多种选择:姓名“二百六”...转载 2018-07-06 19:46:34 · 6346 阅读 · 0 评论 -
JSON 和 JS 对象(通俗易懂)
区别JSON(JavaScript Object Notation)仅仅是一种数据格式(或者叫数据形式)。数据格式其实就是一种规范,按照这种规范来存诸和交换数据。就好像 XML 格式一样。区别JsonJavascript对象含义仅仅是一种数据格式对象的实例传输可以跨平台数据传输,速度快不能传输表现1. 键值对2. 键必须加双引号3. 值不能为方法函数/undefined/NaN1.键值对2.值可以...转载 2018-07-06 19:27:53 · 295 阅读 · 0 评论 -
js中slice,splice,split的区别?
不知道大家对slice,splice,splite是肿么样的感觉,反正我刚接触到这三个函数的时候整个人都懵了,因为一个个长的跟孪生兄弟似的,每次用的时候都会混,于是决定记下来,也给大家当个参考吧。slice : 定义:接收一个或两个参数,它可以创建一个由当前数组中的一项或多项组成的新数组,注意是新数组哦~ 也就是说它不会修改原来数组的值。 用法:slice( para1...转载 2018-07-17 08:59:30 · 248 阅读 · 0 评论 -
JS中你必须知道的this
this的值是在运行时确定的JS中的this究竟代表什么,这是在程序运行时根据上下文环境确定,可以分为以下几种情况。1. 全局作用域中的this在全局作用域中,this指向window对象。console.log(this);//指向window对象this.x = 5//在全局作用域内创建一个x//与this.x = 5的等价情况://var x = 5;//x = 5;在全局作用域中...转载 2018-06-27 19:52:10 · 120 阅读 · 0 评论 -
如何更熟练的使用js中的call及apply及bind?
call和applyobj.call(thisObj,arg1,arg2,...);obj.apply(thisObj,[arg1,arg2,arg3,...]);两者的作用一致,都是将obj(即this)绑定到thisObj上,这时候thisObj具备了obj的属性和方法,或者说thisObj继承了obj的属性和方法,绑定后立即执行函数。唯一的区别是apply接受的是数组参数,call接受的是连...转载 2018-06-27 19:22:58 · 121 阅读 · 0 评论 -
JS中的==运算符和===运算符的区别
1.==是相等符,===是全等符,其中第一个在比较的时候,会进行类型转换,而第二个运算符则不会,例如:alert('55'==55);//truealert('55'===55);//false==与===运算符是不同的,一个是判断值是否相等,一个是判断值及类型是否完全相等。下面的规则用于判定===运算符•如果两个值的类型不同,它们就不相同。•如果两个值是数字,而且值相同,那么除非其中一个或两个都...原创 2018-06-27 17:09:33 · 1331 阅读 · 0 评论 -
JS中的forEach、$.each、map方法
forEach是ECMA5中Array新方法中最基本的一个,就是遍历,循环。例如下面这个例子:[1, 2 ,3, 4].forEach(alert);等同于下面这个for循环1 var array = [1, 2, 3, 4];2 for (var k = 0, length = array.length; k < length; k++) {3 alert(array[k]);4 ...转载 2018-06-27 12:34:04 · 283 阅读 · 0 评论 -
JavaScript常见的内存泄露原因
JavaScript 的垃圾收集机制javascript具有自动垃圾收集机制,也就是说,执行环境会负责管理代码执行过程中的使用的内存。而在C和C++之类的语言中,开发人员的一项基本任务就是手动跟踪内存的使用情况,这是造成许多问题的一个根源。在编写javascript程序时候,开发人员不用再关心内存使用的问题,所需内存的分配 以及无用的回收完全实现了自动管理。JavaScript中最常用的垃圾收集方...转载 2018-06-27 09:28:10 · 272 阅读 · 0 评论 -
Array.prototype.slice.call()方法详解
在很多时候经常看到Array.prototype.slice.call()方法,比如Array.prototype.slice.call(arguments),下面讲一下其原理:1、基本讲解 1.在JS里Array是一个类, slice是此类里的一个方法 ,那么使用此方法应该Array.prototype.slice这么去用 slice从字面上的意思很容易理解就是截取(当然你不是英盲的...转载 2018-06-27 09:07:34 · 145 阅读 · 0 评论 -
强大的原生DOM选择器querySelector和querySelectorAll
在传统的 JavaScript 开发中,查找 DOM 往往是开发人员遇到的第一个头疼的问题,原生的 JavaScript 所提供的 DOM 选择方法并不多,仅仅局限于通过 tag, name, id 等方式来查找,这显然是远远不够的,如果想要进行更为精确的选择不得不使用看起来非常繁琐的正则表达式,或者使用某个库。事实上,现在所有的浏览器厂商都提供了 querySelector 和 querySel...转载 2018-06-27 00:55:29 · 154 阅读 · 0 评论 -
滚动加载图片(懒加载)实现原理
本文主要通过以下几方面来说明懒加载技术的原理,个人前端小菜,有错误请多多指出一、什么是图片滚动加载? 通俗的讲就是:当访问一个页面的时候,先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径(这样就只需请求一次),只有当图片出现在浏览器的可视区域内时,才设置图片正真的路径,让图片显示出来。这就是图片懒加载。二、为什要使用这个技术? 比如一个页面中有很多图...转载 2018-08-07 17:16:02 · 808 阅读 · 0 评论