
javascript
JSS00
Fighting
展开
-
javascript学习基础
原创 2019-11-15 10:51:21 · 212 阅读 · 0 评论 -
前端面试-JavaScript
原创 2019-11-15 10:44:58 · 159 阅读 · 0 评论 -
前端面试-JavaScript
原创 2019-11-15 10:35:59 · 188 阅读 · 0 评论 -
JavaScript判断IE各版本最完美解决方案
IE知道自身毛病很多,于是提供的一套官方的HTML hack方式:// 全部IE版本可见// IE6可见依次等等。这样的写法在其它浏览器里,完全就是一坨注释而直接遭到无视,但在IE里却不会。IE会分析里面的提到的版本号,并根据版本号确定要不要解析里面的DOM元素和文本内容。等一下!DOM元素?那岂不是可以使用js来获取里面的DOM元素?反正谁看到了,谁就是IE!于是,国外大转载 2017-01-24 16:15:31 · 406 阅读 · 0 评论 -
JavaScript中的几种继承方式
JavaScript中的几种继承方式:一:原型链 让原型对象等于另一个类型的实例.此时,原型对象包含一个指向另一个原型的指针,相应地,另一个原型中也包含着指向另一个构造函数的指针. function A(){ this.prototype = true; } A.prototype.getAValue = functio原创 2017-02-25 14:26:28 · 1097 阅读 · 0 评论 -
JavaScript中创建对象的几种模式
JavaScript中创建对象的几种模式一:Object构造函数或对象字面量创建单个对象 Object构造函数: var peopel = new Object(); peopel.name="Tom"; 对象字面量: var people={原创 2017-02-24 15:26:49 · 366 阅读 · 0 评论 -
JS遍历数组的四种方法
for和for in :访问数组的下标 for(let i=0;i<arr.length;i++){ console.log(i) } for(let item in arr){ console.log(item) } 2.for of:访问数组里面的元素 for(let ...原创 2019-05-14 15:45:55 · 348 阅读 · 0 评论 -
JS实现数组去重
1.双循环去重。先将数组的第一个元素赋值给一个新数组,再用两个嵌套的for循环。从数组的第二个元素开始比较该元素与新数组中是否有重复的元素,如果有就跳出当前循环;如果没有就把第二个元素赋值给新的数组。然后从数组的第三个元素又开始,如此循环下去,最后返回新的数组(即去重后的数组)。如果数组很大的话就不是特别建议使用这种方法,因为这样很占内存。let arr = [1,2,2,3,2,5,6]...原创 2019-05-14 17:15:58 · 938 阅读 · 0 评论 -
事件捕获与事件冒泡
事件:JavaScript和HTML之间的交互是通过事件实现的事件流:描述的是页面接受事件的顺序事件捕获:不太具体的节点先接受到事件,最具体的节点最后接收到事件(顺序:window document html body div)事件冒泡:文档嵌套最深的节点先接收,然后逐级向上传播到不具体的节点(顺序:div body html document window)DOM事件流:包括事件捕获...原创 2019-06-05 10:51:39 · 239 阅读 · 0 评论 -
js的getBoundingClientRect()
getBoundingClientRect():获取元素位置,该方法没有参数。<div id="box"></div>var object=document.getElementById('box');Var rectObject = object.getBoundingClientRect();rectObject.top:元素上边到视窗上边的距离;...原创 2019-07-09 17:22:41 · 145 阅读 · 0 评论 -
this的指向
作为对象的方法调用 当函数作为对象的方法被调用时,this指向该对象。 var a = { b:1, getB:function(){ console.log(this.b) //输出: 1 }}a.getB()作为普通函数调用 当函数不作为对象的属性被调用,也就是普通函数方式,thi...原创 2019-09-11 17:41:08 · 164 阅读 · 0 评论 -
js或jquery如何获取父级、子级、兄弟元素
js或jquery如何获取父级、子级、兄弟元素原生javascript方法: var dom = document.getElementById("dom"); dom.childNodes; //获取a的全部子节点 dom.parentNode; //获取a的父节点 dom.nextSibling; //获取a的原创 2017-01-23 13:05:07 · 1897 阅读 · 0 评论 -
javascript中的基本包装类型
为了便于操作基本类型的值,ECMAScript提供了3个特殊的引用类型:Boolean、String、Number。每当读取一个基本类型值的时候,后台会创建一个对应的基本包装类型的对象。在读取模式中访问字符串时,后台会自动完成下列处理:1.创建基本包装类型的一个实例;2.在实例上调用指定的方法;3.销毁这个实例。例:var s1="abc"; var原创 2017-01-10 21:02:41 · 393 阅读 · 0 评论 -
对javascript中函数属性的理解
内部属性:callee:arguments对象有一个callee的属性,该属性是一个指针,指向拥有这个arguments对象的函数;this:this引用的是环境据以执行的环境对象或this值,例如:全局作用域下调用函数,this对象引用的是window;caller:保存着调用当前函数的函数的引用,若在全局作用域下为null。属性:length:函数希望接收的命名原创 2017-01-09 22:30:56 · 371 阅读 · 0 评论 -
JavaScript事件代理和委托(Delegation)
JavaScript事件代理首先介绍一下JavaScript的事件代理。事件代理在JS世界中一个非常有用也很有趣的功能。当我们需要对很多元素添加事件的时候,可以通过将事件添加到它们的父节点而将事件委托给父节点来触发处理函数。这主要得益于浏览器的事件冒泡机制,后面会详细介绍。假设有一个 UL 的父节点,包含了很多个 Li 的子节点:ul id="parent-list">转载 2016-10-09 20:14:55 · 390 阅读 · 0 评论 -
理解和使用 JavaScript 中的回调函数
理解和使用 JavaScript 中的回调函数在JavaScrip中,function是内置的类对象,也就是说它是一种类型的对象,可以和其它String、Array、Number、Object类的对象一样用于内置对象的管理。因为function实际上是一种对象,它可以“存储在变量中,通过参数传递给(别一个)函数(function),在函数内部创建,从函数中返回结果值”。因为func转载 2016-09-08 09:25:54 · 309 阅读 · 0 评论 -
淘宝搜索框效果
html代码: 宝贝 天猫 店铺 毛呢大衣 高级搜索 css代码:body,ul{ margin:0; padding:0;}.search_help{ position: relative;原创 2016-10-22 16:37:56 · 1101 阅读 · 0 评论 -
javascript实现简单轮播器
html代码: css代码:*{margin: 0;padding: 0;}#image0,#image1,#image2,#image3{position: absolute;top: 0;left: 0;}#click{position:原创 2016-09-27 21:34:46 · 464 阅读 · 0 评论 -
javascript实现瀑布流效果及图片加载样式
javascript实现瀑布流效果及图片加载样式:html代码:原创 2016-09-29 10:25:03 · 636 阅读 · 0 评论 -
对javascript中复制变量值的理解
基本数据类型: var num1=5; var num2=num1; 进行复制时,首先创建一个num1的副本,然后赋值给num2,为其在栈内存中分配相应的空间,这两个变量可以参与任何操作,不会相互影响。引用类型: var obj1 = new Object(); var obj2=obj1; obj原创 2016-12-09 15:32:20 · 605 阅读 · 0 评论 -
对javascript中arguments对象的理解
在函数体内可以通过arguments对象来访问函数里的参数数组(ECMAScript中的参数在内部用一个数组来表示),使用arguments[0]、arguments[1]等来访问参数,但arguments并不是Array实例,知识与数组类似。需要注意的是:1.arguments的值与参数保持一致,即使参数名称改变;2.修改arguments的值,参数对应的值也会改变;3.argume原创 2016-12-07 19:23:23 · 445 阅读 · 0 评论 -
对javascrip中Array类型的操作方法的理解
concact(): 首先创建当前数组的一个副本,若无参数,则结果就该副本;若有参数,则将接收到的参数添加到该副本的尾部。如果参数是一个或则多个数组,则将数组的内容添加到该副本的尾部。slice(): 基于当前这个数组的一个或多个项创建一个新的数组。若只有一个参数,返回从该参数指定位置开始到该数组末尾的所有项组成的数组;若有两个参数,则返回从第一个参数指定位置开始到第二个参原创 2016-12-15 10:23:58 · 342 阅读 · 0 评论 -
对javascript的Array中转换方法、栈和队列的理解
javascript中的检测类型:typeOf:用于检测基本数据类型,会返回String、number、boolean、undefined。若用于检测null或对象,则返回object。var num=5;alert(typeOf num);//numberinstanceOf:用于检测引用类型,若变量是给定引用类型的实例,则会返回true。若用于检测基本数据类型,则返回f原创 2016-12-13 19:16:17 · 358 阅读 · 0 评论 -
对javascript中的检测类型的理解
javascript中的检测类型:typeOf:用于检测基本数据类型,会返回String、number、boolean、undefined。若用于检测null或对象,则返回object。var num=5;alert(typeOf num);//numberinstanceOf:用于检测引用类型,若变量是给定引用类型的实例,则会返回true。若用于检测基本数据类型,则返回f原创 2016-12-25 20:55:37 · 304 阅读 · 0 评论 -
javascript在html中的加载顺序
参考:[1]http://coolshell.cn/articles/9749.html(酷壳) [2]http://shaozhuqing.com/?p=2756 颜色标注分别来自于链接地址内容 通常来说,浏览器对于Javascript的运行有两大特性:1)载入后马上执行,2)执行时会阻塞页面后续的内容(包括页面的渲染、其它资源的下载)。于是,如果转载 2016-09-13 21:16:25 · 753 阅读 · 0 评论