爱吃葡萄的小菠萝

1.鼠标事件、键盘事件事件源的属性button能判断是左键、右键、还是滚轮0 左键 1 滚动 2 右键onclick事件只能监听左键 只有onmousedown 和onmouseup可以监听别的document.onmousedown = function(e){ var dir = e.button; if(e.button == 0){ console.log("le...

事件委托利用事件冒泡，和事件源对象进行处理优点：1.性能好，不需要循环所有的元素一个个绑定事件2.灵活，当有新的子元素不需要重新绑定事件面试题有1个ul，里面有十个li，要求点击每个li输出对应的顺序解法1：遍历子元素1.var ulList = document.getElementsByTagName(“ul”)[0];2. var liList = document....

1.事件冒泡、捕获事件冒泡：结构上（非视觉上）嵌套关系的元素，会存在事件冒泡的功能，即同一事件，自子元素冒泡向父元素。（自底向上）事件捕获：结构上（非视觉上）嵌套关系的元素，会存在事件冒泡的功能，即同一事件，自父元素捕获至子元素（事件源元素）。（自顶向下）触发顺序：先捕获，后冒泡。focus，blur,change,submit,reset,select等事件不冒泡2.取消冒泡事件...

javaScript里面的事件触发写法很多，但是考虑到每个人使用的环境的异同，我们需要了解每个写法的兼容等。1.elem.on事件类型 = 功能函数事件名可以是click，blur，change，input，keydown，mouseenter，mouseleave等，以下不再赘述。兼容性很好，但是一个元素的同一个事件只能绑定一次基本等于写在HTML行间上,例如以下两片代码相同&lt...

脚本化CSS分为两种，一种为可读可写，一种只读1.可读可写element.style.prop即元素.style.属性名， 间接改变css样式（实际上改变的是元素的style属性，css能够被行间样式影响，所以是间接改变）var div = document.createElement('div')document.body.appendChild(div)div.style.hei...

1.获取滚动条距离window.pageXOffset ( pageYOffset )(IE8及IE8以下不兼容)IE8及IE8以下能兼容的方法1.document.body.scrollLeft ( scrollTop )2.document.documentElement.scrollLeft (scrollTop )两个方法的兼容性比较混乱，但是他们两个互斥，不会两个同时兼...

aaa

es5严格模式不再兼容es3的一些不规则语法，使用全新的es5规范1.用法(两种)：（1）全局严格模式（2）局部严格模式（推荐）2. es5.0严格模式启动“use strict”就是一行字符串，不会对不兼容严格模式的浏览器产生影响(1)全局写在页面逻辑最顶端： "use strict" function test(){ //代码块}test();(2)局部写在...

1.数组定义创建数组的两种方式：( 1）字面量（推荐）( 2）new两种方式的区别var arr = new Array(10) //创建一个长度为10的数组，只能写整数var arr2 = [10] //创建了数组，里面只有一个数10var arr3 = [1,2,3,4,5]; //创建了数组，里面有五个数var arr4 = new Array[1,2,3,4,5 ]...

本文中提到的克隆，即封装一个方法，将一个原有的对象克隆出一个新的对象，具有和原对象一样的内容。分为浅层克隆和深层克隆，这也是经常出现在笔试题中的一个知识点。1.浅层克隆即原始值的属性值各自更改互不影响，引用类型值更改互相影响function clone(origin,target){ var target = target || {}; for(var prop in origin){...

1.arguments.calleearguments.callee 代表的是函数自身的引用，在哪个函数里调用就是哪个函数的引用使用场景：有的时候使用匿名函数，没有办法使用函数名调用，可以选择arguments.callee例如，在写求阶乘函数（递归）时：var num = (function(n){ if(n <= 1){ return 1; } return n * ...

this什么时候指向谁，刚学习的时候很容易蒙圈，总结记录一下，希望对大家有所帮助，有写的不对的地方也欢迎指正。1.函数预编译过程 this 指向 window2.全局作用域里 this 指向 window2.call / apply 可以改变函数运行时 this 指向4.obj.func(); func()里面的 this 指向obj5.new func() , func()里面的thi...

继承的三种模式1.借用构造函数（call和apply）作用：改变this指向，利用别人的函数，实现了自己的功能（1）call栗子1：function Car (color,width,height){this.color = color; //调用call之前这个this是window， //将引用传给obj后，这个this指向的是obj this.width = width; t...

1.for infor…in 语句用于对数组或者对象的属性进行循环操作。语法：for (变量 in 对象){ //do it}“变量”用来指定变量，指定的变量可以是数组元素，也可以是对象的属性。（1）遍历对象的属性名与属性值遍历对象时for参数列表的变量为属性名，值通过 对象名[属性名] 方式获取var obj = { name:'ly', age:11}f...

1.闭包的应用使用闭包使变量私有化，不容易和全局重名栗子：var name="bcd";var init=(function(){ var name ="abc"; function call(){ console.log(name); } return function (){call();}}())init(); //返回abc",不会返回“bcd”2.连续...

本节主要记录一些关于语句的面试题，概念从简1.条件语句多个if和if else对很多人会搞不清或者没思考过什么时候用多个if、 if else前者会把所有的if都去判断一遍，后者只会匹配一种，匹配到合适的就不会再往下匹配了，代码应该是互斥的2.循环语句for 和while,可以说While是for的简化版（实际开发中Do while用得少）...

1.显示类型转化1） Number()例子：var num = Number("12");列举一些特殊的转换Number(null) -->0Number("") -->0Number("abc123") (字符串内包含中文或英文字母转数字) -->NaNNumber(undefined) -->NaN2）String()转成字符串v...

写这个系列为了全面积累巩固自己的js基础，包括一些基础的和稍微冷门、深入的，还有一些面试题，如果你也认为基础知识很重要，快来一起交流学习啦~ ^ - ^1.函数表达式1）命名函数表达式var test = function abc(){} 执行函数时，test()才有效， abc()无效，因此这个function右边的abc没有什么实际意义2）匿名函数表达式(常用、推荐) var...

写这个系列为了全面积累巩固自己的js基础，包括一些基础的和稍微冷门、深入的，还有一些面试题，如果你也认为基础知识很重要，快来一起交流学习啦~ ^ - ^1.预编译理解预编译以后对找bug很有用！！！函数体里面的预编译—发生在函数执行的前一刻1） 暗示全局对象 ：变量未经声明就赋值，此变量就为全局对象（即window对象）所有 a =10console.log(a) //10conso...

1）[[scope]]（作用域） :JavaScript函数是一个特殊对象，对象中有些属性我们可以访问，但是有些不可以，这些属性仅供JavaScript引擎存取，[[scope]]就是其中一个。[[scope]]指的就是我们说的作用域，其中存储了运行期上下文的集合。2）作用域链：[[scope]]中所存储的执行期上下文对象的集合，这个集合呈链式链接，这个链式链接就是作用域链。3）运行期上下...

1）定义：此类函数没有声明，在依次执行过后即释放。适合做初始化工作。2）特点：执行完后就销毁(除了这一点其他的跟普通函数一样)针对于初始化功能的函数3）写法：//第一种（W3C推荐）( function (){ //代码体} ())//第二种(function(){})()例如(function(a,b,c){ console.log(a+b+c);}(1...

1.原型（prototype）原型是function对象的一个属性，它定义了构造函数制造出的对象的公共祖先。通过该构造函数产生的对象，可以继承该原型的属性和方法。 原型也是对象1) 对象查看原型和构造器function Person( ){ } var p = new Person( );var p = new Person( );这句当运行到的时候会在Person里隐式写上va...

写这个系列为了全面积累巩固自己的js基础，包括一些基础的和稍微冷门、深入的，还有一些面试题，如果你也认为基础知识很重要，快来一起交流学习啦~ ^ - ^一、对象1.概念对象也是变量。但是对象包含很多值。2.格式值以名称:值对的方式来书写（名称和值由冒号分隔）。例如 var person = { name:'lucy', age:18}3.对象属性对象的名称和值就是对象属...