1.我们在网页中的某个操作（有的操作对应多个事件）。例如：当我们点击一个按钮就会产生一个事件。是可以被JavaScript侦测到的行为。 2.事件处理机制：IE是事件冒泡、Firefox同时支持两种事件模型，也就是：捕获型事件和冒泡型事件； 3.ev.stopPropagation();（旧ie的方法ev.cancelBubble=true;）

[1,NaN,NaN]因为parseInt需要两个参数(val,radix)， 其中radix表示解析时用的基数。 map传了3个(element,index,array)，对应的radix不合法导致解析失败。

JS //event(事件)工具集，来源：github.com/markyun markyun.Event={ //页面加载完成后 readyEvent:function(fn){ if(fnnull){ fn=document; } varoldonload=window.onload; if(typeofwindow.onload!='function'){ window.onload=fn; }else{ window.onload=function(){ oldonload(); fn(); }; } }, //视能力分别使用dom0||dom2||IE方式来绑定事件 //参数：操作的...

null表示一个对象被定义了，值为“空值”； undefined表示不存在这个值。 typeofundefined //"undefined" undefined:是一个表示"无"的原始值或者说表示"缺少值"，就是此处应该有一个值，但是还没有定义。当尝试读取时会返回undefined； 例如变量被声明了，但没有赋值时，就等于undefined typeofnull //"object" null:是一个对象(空对象,没有任何属性和方法)； 例如作为函数的参数，表示该函数的参数不是对象； 注意：在验证null时，一定要使用=，因为无法分别null和undefined 再来一个例子： ...

它的功能是把对应的字符串解析成JS代码并运行； 应该避免使用eval，不安全，非常耗性能（2次，一次解析成js语句，一次执行）。 由JSON字符串转换为JSON对象的时候可以用eval，varobj=eval('('+str+')');

this总是指向函数的直接调用者（而非间接调用者）； 如果有new关键字，this指向new出来的那个对象； 在事件中，this指向触发这个事件的对象，特殊的是，IE中的attachEvent中的this总是指向全局对象Window；

全局函数无法查看局部函数的内部细节，但局部函数可以查看其上层的函数细节，直至全局细节。 当需要从局部函数查找某一属性或方法时，如果当前作用域没有找到，就会上溯到上层作用域查找，直至全局函数，这种组织形式就是作用域链。

javascript创建对象简单的说,无非就是使用内置对象或各种自定义对象，当然还可以用JSON；但写法有很多种，也能混合使用。 1、对象字面量的方式 JSON person={firstname:"Mark",lastname:"Yun",age:25,eyecolor:"black"}; 2、用function来模拟无参的构造函数 JS functionPerson(){} varperson=newPerson();//定义一个function，如果使用new"实例化",该function可以看作是一个Class person.name="Mark"; person.age="25...

1、构造继承 2、原型继承 3、实例继承 4、拷贝继承 原型prototype机制或apply和call方法去实现较简单，建议使用构造函数与原型混合方式。 JS functionParent(){ this.name='wang'; } functionChild(){ this.age=28; } functiondemo(){ Child.prototype=newParent();//继承了Parent，通过原型 vardemo=newChild(); alert(demo.age); alert(demo.name);//得到被继承的属性 }

栈：原始数据类型（Undefined，Null，Boolean，Number、String） 堆：引用数据类型（对象、数组和函数） 两种类型的区别是：存储位置不同； 原始数据类型直接存储在栈(stack)中的简单数据段，占据空间小、大小固定，属于被频繁使用数据，所以放入栈中存储； 引用数据类型存储在堆(heap)中的对象,占据空间大、大小不固定,如果存储在栈中，将会影响程序运行的性能；引用数据类型在栈中存储了指针，该指针指向堆中该实体的起始地址。当解释器寻找引用值时，会首先检索其在栈中的地址，...

每个对象都会在其内部初始化一个属性，就是prototype(原型)，当我们访问一个对象的属性时，如果这个对象内部不存在这个属性，那么他就会去prototype里找这个属性，这个prototype又会有自己的prototype，于是就这样一直找下去，也就是我们平时所说的原型链的概念。 关系：instance.constructor.prototype=instance.__proto__ 特点： JavaScript对象是通过引用来传递的，我们创建的每个新对象实体中并没有一份属于自己的原型副本。当我们修改原型时，与之相关的对象也会继承这一改变。 当我们需要一个属性的时，Javascript引擎会...

1.不要在同一行声明多个变量。 2.请使用=/!来比较true/false或者数值 3.使用对象字面量替代newArray这种形式 4.不要使用全局函数。 5.Switch语句必须带有default分支 6.函数不应该有时候有返回值，有时候没有返回值。 7.For循环必须使用大括号 8.If语句必须使用大括号 9.for‐in循环中的变量应该使用var关键字明确限定作用域，从而避免作用域污染。

Object是JavaScript中所有对象的父对象 数据封装类对象：Object、Array、Boolean、Number和String 其他对象：Function、Arguments、Math、Date、RegExp、Error

Undefined、Null、Boolean、Number、String

‐预处理器例如：LESS、Sass、Stylus，用来预编译Sass或less，增强了css代码的复用性， 还有层级、mixin、变量、循环、函数等，具有很方便的UI组件模块化开发能力，极大的提高工作效率。 ‐后处理器例如：PostCSS，通常被视为在完成的样式表中根据CSS规范处理CSS，让其更有效；目前最常做的 是给CSS属性添加浏览器私有前缀，实现跨浏览器兼容性的问题。

以下是权重的规则：标签的权重为1，class的权重为10，id的权重为100，以下例子是演示各种定义的权重值： css /权重为1/ div{ } /权重为10/ .class1{ } /权重为100/ id1{ } /权重为100+1=101/ id1div{ } /权重为10+1=11/ .class1div{ } /权重为10+10+1=21/ .class1.class2div{ } 如果权重相同，则最后定义的样式会起作用，但是应该避免这种情况出现

1.1块级作用域 ​ES6之前没有块级作用域，ES5的var没有块级作用域的概念，只有function有作用域的概念，ES6的let、const引入了块级作用域。 ​ES5之前if和for都没有作用域，所以很多时候需要使用function的作用域，比如闭包。 1.1.1什么是变量作用域 变量在什么范围内可用，类似Java的全局变量和局部变量的概念，全局变量，全局都可用，局部变量只在范围内可用。ES5之前的var是没有块级作用域的概念，使用var声明的变量就是全局的。 javascript { varname='ispt'; console.log(name); } console.log(...

无论属于哪种，都要先找到其祖先元素中最近的position值不为static的元素，然后再判断： 1.若此元素为inline元素，则containingblock为能够包含这个元素生成的第一个和最后一个inlinebox的paddingbox(除margin,border外的区域)的最小矩形； 2.否则,则由这个祖先元素的paddingbox构成。如果都找不到，则为initialcontainingblock。 补充： 1.static(默认的)/relative：简单说就是它的父元素的内容框（即去掉padding的部分） 2.absolute:向上找最近的定位为absolute/relat...

‐因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面显示差异。 ‐当然，初始化样式会对SEO有一定的影响，但鱼和熊掌不可兼得，但力求影响最小的情况下初始化。 最简单的初始化方法：{padding:0;margin:0;}（强烈不建议） 淘宝的样式初始化代码： css body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;} body,bu...

新增各种CSS选择器（:not(.input)：所有class不是“input”的节点） 圆角（border‐radius:8px） 多列布局（multi‐columnlayout） 阴影和反射（Shadow\Reflect） 文字特效（text‐shadow、） 文字渲染（Text‐decoration） 线性渐变（gradient） 旋转（transform） 增加了旋转,缩放,定位,倾斜,动画，多背景 transform:\scale(0.85,0.90)\translate(0px,‐30px)\skew(‐9deg,0deg)\Animation: